date 型の <input> 要素は、中身を自動的に検証するテキストボックスまたは特殊な日付選択インターフェイスを使用して、ユーザーに日付を入力させる入力フィールドを生成します。結果の値には年、月、日が含まれますが、時刻は含まれません。 time 及び datetime-local 入力型は時刻や日付と時刻の入力に対応しています。

コントロールのユーザーインターフェイスは、一般にブラウザ―によってまちまちです。現時点で対応は不安定であり、詳細はブラウザーの対応を参照してください。対応していないブラウザーでは、このコントロールは単純な <input type="text"> に格下げされます。

Edge の日付コントロールは次のように表示されます。

Firefox の日付コントロールは次のように表示されます。

型	YYYY-MM-DD 形式で日付を表現する DOMString、または空欄
イベント	change および input
対応する共通属性	autocomplete, list, readonly, step
IDL 属性	list, value, valueAsDate, valueAsNumber
メソッド	select(), stepDown(), stepUp()