Input Type – email
The email type is used for input fields that should contain an e-mail address. The value of the email field is automatically validated when the form is submitted. Example:
E-mail:
Input Type – URL
The URL type is used for input fields that should contain a URL address. The value of the url field is automatically validated when the form is submitted. Example:
Homepage:
Input Type – number
The number type is used for input fields that should contain a numeric value. You can also set restrictions on what numbers are accepted: Example:
Points:
Input Type – range
The range type is used for input fields that should contain a value from a range of numbers. The range type is displayed as a slider bar. You can also set restrictions on what numbers are accepted: Example:
Input Type – Date Pickers
HTML5 has several new input types for selecting date and time:
• date – Selects date, month and year
• month – Selects month and year
• week – Selects week and year
• time – Selects time (hour and minute)
• datetime – Selects time, date, month and year (UTC time)
• datetime-local – Selects time, date, month and year (local time)
The following example allows you to select a date from a calendar: Example:
Date:
Input Type – color
The color type is used for input fields that should contain a color. The Opera browser will allow you to select a color from a color picker; Google’s Chrome will only allow hexadecimal color values to be submitted: Example:
Color: