Building the User Interface by Using HTML5: Organization ... - server
Building the User Interface by Using HTML5: Organization ... - server
Building the User Interface by Using HTML5: Organization ... - server
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
76 | Lesson 3<br />
Table 3-5<br />
(continued)<br />
ATTRIBUTE VALUE DESCRIPTION<br />
placeholder** text Displays a key word or short phrase that<br />
describes <strong>the</strong> expected value of an input<br />
field, such as “Email” for an email input<br />
field; placeholder disappears when user<br />
enters data<br />
LICENSED PRODUCT NOT FOR RESALE<br />
readonly readonly Restricts an input field to read-only<br />
required** required A Boolean attribute that requires an input<br />
field to be filled out before submitting <strong>the</strong><br />
form<br />
size number Specifies <strong>the</strong> width of an input element, in<br />
number of characters<br />
src URL Specifies <strong>the</strong> Web address of <strong>the</strong> image<br />
used as a submit button; used only for<br />
type="image"<br />
step** number Specifies <strong>the</strong> accepted number of intervals<br />
for an input element; can be used with <strong>the</strong><br />
min and max attributes to create a range<br />
of values<br />
For example, you are creating a slider bar for<br />
input. If you set step="3", each time <strong>the</strong><br />
user move <strong>the</strong> slider, <strong>the</strong> input value increases<br />
or decreases <strong>by</strong> 3<br />
type<br />
button, checkbox, Specifies <strong>the</strong> type of input element to display<br />
color, date,<br />
datetime,<br />
datetime-local,<br />
email, file,<br />
hidden, image,<br />
month, number,<br />
password, radio,<br />
range, reset,<br />
search, submit,<br />
tel, text, time,<br />
url, week<br />
value text Specifies <strong>the</strong> value of an input element<br />
width pixels Specifies <strong>the</strong> width of an input element;<br />
used only with input type=”image”<br />
**New in <strong>HTML5</strong>.