Multiple Functions

Depending on browser support:
A date picker can pop-up when you enter the input field.

Birthday:

Note: type="date" is not supported in Internet Explorer.

Enter a date before 1980-01-01:


Enter a date after 2000-01-01:

Note: type="date" is not supported in Internet Explorer.

Depending on browser support:
A color picker can pop-up when you enter the input field.

Select your favorite color:

Note: type="color" is not supported in Internet Explorer.

Depending on browser support:
The input type "range" can be displayed as a slider control.

Points:

Note: type="range" is not supported in Internet Explorer 9 and earlier versions.

Search Google:

E-mail:

Note: The formnovalidate attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.

Country code:

Note: The pattern attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.

The required Attribute

Username:

Note: The required attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.