HTML, XHTML & CSS

Chapter 19: Party On with HTML5
These new input types differ from various new HTML5 elements mentioned
earlier in this chapter because they apply only to the input element (they
aren’t independent markup elements). These input types identify specific
kinds of input data and, generally, play the same role for HTML5 input data
that data types play for variables in conventional programming languages
(they tell you what kind of data they can represent). Table 19-3 spells out
these new options.
Table 19-3 HTML5 Input Types
Keyword State Control Description
color Color A color well An sRGB color with 8-bit red,
green, and blue components
date Date A date control A date (year, month, day) with
no time zone
datetime Date and
Time
datetimelocal
Local Date
and Time
A date and
time control
A date and
time control
A date and time (year, month,
day, hour, minute, second,
fraction of a second) with the
time zone set to UTC
A date and time (year, month,
day, hour, minute, second,
fraction of a second) with no
time zone
email E-mail A text field An e-mail address or list of
e-mail addresses
month Month A month
control
number Number A text field or
spinner control
range Range A slider control
or similar
A date consisting of a year and
a month with no time zone
A numerical value
A numerical value, with the
extra semantic that the exact
value is not important
search Search Search field Text with no line breaks
tel Telephone A text field Text with no line breaks
time Time A time control A time (hour, minute, seconds,
fractional seconds) with no
time zone
url URL A text field An absolute IRI
week Week A week
Date consisting of a week-
control
year number and a week
number with no time zone
319