A Guide to the New HTML5 Form Input Types - 0 views
-
htmlslicemate.com on 10 Jun 13There's a plethora of new HTML5 form input types (13 new ones to be exact) that make creating engaging and easy-to-use web forms much easier for web designers. The new HTML5 input types give us data validation, date picker controls, color picker controls, inline help text, and more in the web browsers that support them. Advantage of HTML5 Form Input Types The benefits of these new input types are tremendous for web designers. First, the new input types reduce our reliance on client-side- and server-side-scripting for validating common data types like dates, email addresses, and URLs. For mobile UI developers: You know that creating cross-platform web forms using HTML4 standards is a pain. Using HTML5 form input types could make things easier. For instance, a form written with HTML5 can utilize the mobile device's native specialized keyboards depending on what the target input type is. Here's an example of using HTML4 input types (on the left) for entering dates in a web form versus using the HTML5 date input type (on the right):
