HTML5 comes with long list of new input types and associated attributes which give us opportunity to some cool and funky stuff on web without writing a single line of custom code.
Forms are a important part of web development. We often create or modify form, handle user interaction with them and many more. HTML5 new set of input type makes form creation and handling user interaction very easy.
Its represents the one line plain-text field for entering URLs. URLs validation is implicit.
It represents plain-text field for entering email. Email validation is take care of by the browser.
It represent the UTC time. Tiny up and how image at the end of field are used to increase or decrease the value. By default both and time are displayed.
It represent the date. Tiny up and how image at the end of field are used to increase or decrease the value. By default year, month and date is displayed.
It represent the months of the year. Tiny up and how image at the end of field are used to increase or decrease the value. By default year and month is displayed.
It represent the week of the year. Tiny up and how image at the end of field are used to increase or decrease the value. By default year and week is displayed.
It represent the time. Tiny up and how image at the end of field are used to increase or decrease the value.
It represent the local datetime. Tiny up and how image at the end of field are used to increase or decrease the value.
It represent the plain text field to allow only numeric value inside field. Extra restriction can be added with the help of new attributes added with HTML5.
It represents input plain text input control that is used to define the range. The UI rendered on screen is like slider.
In-spite of fact that these new input types can be greatly useful in creating form controls, browser support isn't all the way. Most of the browsers still don't support these new input types. Till now only Opera 9.0 is supporting most of these new input types.
Note: It's right time to start using these new input type because if the browser don’t support these new input type,they will behave like the normal input control and rendered with type as text. At least by doing this you will be supporting the browser supporting these new input types.