Dynamic Web Lab

HTML5 Input Type Date

HTML5 Input Type Date will allows the user to select a date.
Previously this is done by Javascript date picker.
To make you life easier you can now call this date picker by simply using this
type="date" on your input field.

May be looks like this way :

[php]<input type="date" name="birthday" />[/php]

Currently the latest version of Chrome, Opera and Safari browser supporting this.

If you are using any of this above browser then you are lucky to see it on action

Date Picker:

The code i used abode is:

[php]
<form action="#">
Date Picker: <input type="date" name="bday" />
<input type="submit" />
</form>
[/php]

Or it may look like the screenshot below

html5 input date

Scroll to Top