Forms

Referenced in Tip 5, Describing Data with New Input Fields:

Email field [<input type="email">]

Displays a form field for email addresses. [O10.1, iOS, A3]

URL field [<input type="url">]

Displays a form field for URLs. [O10.1, iOS, A3]

Range (slider) [<input type="range">]

Displays a slider control. [C5, S4, F23, IE10, O10.1]

Number [<input type="number">]

Displays a form field for numbers, often as a spinbox. [C5, S5, O10.1, iOS5, A3]

Color [<input type="color">]

Displays a field for specifying colors. [C5, O11]

Date fields [<input type="date">]

Displays a form field for dates. Supports date, month, or week. [C5, S5, O10.1]

Dates with times [<input type="datetime">]

Displays a form field for dates with times. Supports

Get HTML5 and CSS3, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.