<input type="date">

<input type=date> (HTML)

[5] <input type=date>HTML日付入力コントロールです。

[10] 関連: 日時入力

暦法

[6] 利用者のための入出力 (画面表示等) はロケールに応じて適切な日時表示法、 暦法紀年法を使うことが期待されます。

[7] 例えば日本向けには元号西暦の併記、年月日の順序、 グレゴリオ暦月日などが期待されています。

[8] 例えば米語環境では月日年の順序、西暦英語月名などが期待されます。

[9] 一方でJavaScriptプログラムによる DOM APIアクセスは、 ロケールにかかわらず形式が標準化されています。 JavaScript プログラマーロケールの違いを意識せずに操作できます。 HTMLの日時形式

誕生日入力

[11] 生年月日を指定させたいとき:

<input type=date autocomplete=bday>

[12] autocomplete 属性は(半)自動的な入力のために値の種別を指定する属性です。 ここでは bday (birthday = 誕生日) と指定しています。

[13] Webブラウザー利用者プロフィールデータや以前の同様の入力欄の記入実績を参考に、 誕生日利用者に入力候補として提示できます。

歴史

[1] 446510 – Implement date/time input types on Mobile ( ( 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=446510

[2] Chromeのinput[type=date]タグ内に和暦を表示する - Null and void ( ()) https://d.hatena.ne.jp/chi-bd/20160730/1469883831

[3] iOSSafari は対応しているけど MacSafari は対応していないらしい。 おかしいだろ...

[4] New WebKit Features in Safari 14.1 | WebKit () https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/