HTML5 form-form analysis

Currently, html5 standards are still under development. Different browsers have limited support for HTML5 features. Chrome and Opera have better support for forms. This example runs normally on chrome and Opera. The recommended version is the highest, as shown below:
 
 
 
 
What new element types and functions are used in this form?
 
 
Type
We are familiar with text, password, submit, and reset.
In this example, the new types of email (email), range (number), number (number), date (date), and url (url) assigned by the input HTML5 are used)
For details about the type, refer to this site: creating a brand new HTML5 form
 
Placeholder (placeholder in the input box)
A default input prompt text, we need to implement or simple js Code through event properties, everything will become so simple in html5, just add placeholder = "input box placeholder ", you can achieve the desired effect.
 
Datalist (Option List)
Explanation given by w3c:
<Datalist> List of tag definition options. Use this element with the input element to define the possible input values.
Datalist and its options are not displayed. It is only a list of valid input values.
Use the list attribute of the input element to bind datalist.
 
<Input id = "myCar" list = "cars"/>
<Datalist id = "cars">
<Option value = "BMW">
<Option value = "Ford">
<Option value = "Volvo">
</Datalist>
However, only operabrowser supports this attribute.