HTML: input type="date"

The date input lets users choose a calendar date while submitting a value in the standard YYYY-MM-DD form.

What you will learn

Minimal example

<label for="start-date">Start date</label>
<input id="start-date" name="start-date" type="date"
       min="2026-01-01" max="2026-12-31" required>

The picker and visible date format can vary by operating system and browser. The submitted value is normalized for the form as YYYY-MM-DD.

Common mistakes