There are also closely related elements to let you select a month (input type="month"), week (input type="week"), time (input type="time"), date and time in global format (input type="datetime"), and date and time in local format/timezone (input type="datetime-local").
Note that the library incorrectly reports that the latest version of Safari (5.1.7) does not support date input, when in fact it does (albeit with a much poorer interface than Chrome and Opera).
HTML5 defines a variety of new input types: sliders, number spinners, popup calendars, color choosers, autocompleting suggest boxes, and more.
The beauty of these elements is that you can use them now: for browsers that don't support a particular input type, there is automatic fallback to standard textfields.
Here are the results as of January 2013: This input type lets you collect an email address.
If the "list" attribute is not specified, then the intention is that the browser supplies some help in entering a legal email address (e.g., the i Phone browser uses an email-optimized keyboard) and/or validation on submission.
Safari uses an interface that looks like a number spinner but increments the yyyy-mm-dd string one day at a time.
As of January 2013, neither Firefox nor Internet Explorer has any support at all for date input.
Please send corrections and suggested improvements to [email protected] As of January 2013, Opera had the most complete support for these new input elements, followed closely by Chrome.
Firefox and Safari had moderate support, and Internet Explorer had no support at all.
If the "list" attribute is specified, then the intention is that the browser lets the user choose among a set of email addresses defined separately with the "datalist" element. If the "list" attribute is not specified, then the intention is that the browser supplies some help in entering a legal URL (e.g., the i Phone browser uses a URL-optimized keyboard) and/or validation on submission.
As of January 2013, the latest versions of Firefox and Chrome do good validation of the value on submission.
So, use the number (spinner) input type if you want to let the user choose an exact value.