Last Updated : 11 Jul, 2025
The HTML <input type="date"> element provides a date picker interface for selecting dates. It allows users to input dates using a calendar widget, ensuring standardized date input across different browsers and devices.
Syntax<input type="date">
Example: In this example, the HTML <input type="date"> displays a date input field.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Input Type Date</title>
</head>
<body style="text-align: center;">
<h2>HTML <input type="date"></h2>
<form action="#">
<label for="date"></label>
<input type="date" id="date" value="2024-05-02">
</form>
</body>
</html>
Output
Supported BrowsersRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4