Build next-generation Web Form using HTML5

HTML language as the most widely-used languages today, with easy-to-use, fast, multi-browsing platform compatibility features, but with the progress of the Times, the standard of HTML has stagnated, this time is still developing in the [color= #444444!IMPORTANT]HTML5 The standard update can be said to bring new vitality to this markup language. This article will focus on Web Forms 2.0 in HTML5, which is part of the form.
a form is a common control (set) in a Web page. Small to the site registration login, large to an enterprise data management system, are basically a form of figure. The reason that the form is so important is that it is responsible for a large number of users and Web page background data updates to interact with the task. Web developers, for Web forms can say love and hate, Love is its convenient collection, organization of data functions, hate is its function to a large extent, it is only this. Some of the features that the end site users seem to be familiar with, such as input type checking, form checking, error hinting, and so on, developers all need to spend a lot of time using JavaScript and DOM programming to meet these naturally needed functional points, and with the popularity of Ajax, Some of the JavaScript libraries that appear, such as dojo, Yui, etc., provide handy JavaScript widgets or APIs to ease the burden on developers.

HTML5 new features of the form
HTML5 Web Forms 2.0 is a comprehensive upgrade to the current Web form, while maintaining its ease-of-use features while adding many built-in controls or control properties to meet the needs of users, while reducing developer programming. In my opinion, HTML5 has made improvements to the current Web forms mainly in the following areas:
1. New type of control
Still worried about the type check, and distressed by the long string of regular expressions that don't quite understand the test input, HTML5 provides a new set of controls that will naturally have type-checking functionality. For example, url input box, email input box.



<li class= "alt" > <input type="url"></< span>input>

• <input type="Email"></< span>input>
  

Of course there is a very important date input box, it is very hard to know that using JavaScript and CSS to "manually" make a date input box is also very hard, such as dojo,yui such a library is not all in this widget on the big fuss.

• <input type="Date"></< span>input>
  

As part of my painful memory, I often remember that we developers have to add a very large number of options to a Select dropdown table, most of which are from the database, such as the country, the provinces and cities list, and so on. This thing is very tedious. HTML5 will support the Data property for the select control out-of-date source!

Detailed Description: http://html5.662p.com/thread-43-1-1.html