If you imagine form as a dialog between your website and your user, the messages play an important role.
Don’t leave it to the auto-generated default messages.
There are two keys to understanding why the automatic fallback works consistently in all major browsers: (unless "foo" is a recognized input type or "bar" is a recognized attribute of the input element).
For each of the new input types, we present a high-level description, an overview of the syntax, a description of the main attributes, a summary of which current browsers support it, and an example you can experiment with in your browser.
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.
For each type of input element, we use the code to detect if your browser supports it. You should normally supply all of value, min, and max.