23.05.2015 Views

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

SHOW MORE
SHOW LESS

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>.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!