HTML5 new form has a plurality of input types, new features provide better control and validation input. Not all the main browsers support new input types, but we can use them in all major browsers, even if not supported, you can still appear as regular text fields. HTML5 Input Type Table.
Table HTML5 Input Types
1 email
type of email for an email address field contains the input, when submitted automatically email verification value field is used as follows:
The code is verified email mailbox format input box, if the error will be prompted. Results shown in Figure 1:
FIG 1 email input type
2 url
type of email url domain comprises an input address, when the form is submitted, it will automatically verify the value of the url field is used as follows:
The code is verified email mailbox format input box, if the error will be prompted. Effect 2:
FIG 2 url input type
3 number
field contains the type number for inputting a value, in particular, we can define a set of values is used as follows:
The code uses the number input field type, set the value for the type ranges from 1 to 100. When we input 101, value exceeds the range, the page prompt "must be less than or equal to 100". Effect 3:
FIG 3 number of the input type