Customise Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorised as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.

No cookies to display.

Dynamic Web Lab

HTML5 Input Type Date

html5 input date
  • September 21, 2012
  • HTML5

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

Written by

Maidul Islam

I am a freelance web developer.Like to share what i learn.

Welcome to Smart Bot(Beta)