ID: 142
Category: HTML
Added: 4th of February 2020
Updated On: Tutorial updated and rechecked on 29th of November 2025
Views: 5,939
In the early days of the internet, the only way to create a popup calendar for your website form was to use javascript.
These days it's a lot simpler with HTML5, you simply set the input type in your form to date. The calendar works across all modern browsers, mobiles and tablets.
If you want to make sure your user picks a date once they have submitted the form, use the required attribute at the end of the input tag.
The required attribute works with other input types, these include email, radio, file, tel, password, url and checkbox.
Copy and paste the code below.
