HTML5 Input Types Examples

(Adapted from http://www.w3schools.com/html5/html5_form_input_types.asp)

<type=email>

E-mail:

<type=url>

Homepage:

<type=number>

Attributes min and max allow you to specify acceptable range.
Enter a number between 1-10:

<type=range>

Attributes min and max allow you to specify acceptable range.
Points:

Date Pickers

<type=date>

Date:

<type=month>

Month:

<type=week>

Week:

<type=time>

Time:

<type=datetime>

time, date, month, and year in UTC time
Date and Time:

<type=datetime-local>

time, date, month, and year in local time
Date and Time (local):

<output>

0 100 + =

Attributes

pattern="..."

Works with the following input types: text, search, url, telephone, email, and password
Country code:

placeholder="..."

Works with the following input types: text, search, url, telephone, email, and password

required="required"

Works with the following input types: text, search, url, telephone, email, password, date pickers, number, checkbox, radio, and file
Name: