Filling out forms on the web has never been exactly fun, and it can be downright painful on a mobile device with its on-screen keyboard.
One study found that simply providing inline validation increased the successful completion rate by 22% and decreased time to completion by 42%.
Currently support for the new form and input elements is widespread on modern browsers, though there is often some difference in the way some pickers are displayed on desktop.
Mobile browsers are relatively consistent in showing the right keyboard depending on the input type selected.
For the most up to date information, check out the state of HTML5 Form Features on Can or The Current State of HTML5 Forms from Wufoo. These new input types give hints to the browser about what type of keyboard layout to display for on-screen keyboards.
Many browsers provide built-in validation for some input types like email and url.
On other elements, you can indicate a valid input format by providing a regular expression in the the pattern attribute.
For more information, be sure to read the section on Validation.
Data validation doesn’t just help to keep your data clean, but it also helps improve the user experience.
For example, datalists can provide auto-complete in text boxes suggesting options to the user.