HTML 5:Input Types

Contributed by Neev Technologies on 4 Jul 2011

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:

Visit us at Neevtech.com to know more about our offerings.

Leave a Comment

Security Code: