<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> 
<dfn><code>&lt;input type=date&gt;</code></dfn>
は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">日付入力</anchor><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">コントロール<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">フォームコントロール</title></anchor>です。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> 関連: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">日時入力</anchor></p><section><h1>暦法</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>のための入出力 (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画面表示</anchor>等) は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ロケール</anchor>に応じて適切な<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">日時表示</anchor>法、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">暦法</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">紀年法</anchor>を使うことが期待されます。</p><example xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><p xmlns="http://www.w3.org/1999/xhtml"><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> 例えば<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">日本</anchor>向けには<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">元号</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">西暦</anchor>の併記、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">年月日</anchor>の順序、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">グレゴリオ暦</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">月日</anchor>などが期待されています。</p></example><example xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><p xmlns="http://www.w3.org/1999/xhtml"><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> 例えば<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">米語</anchor>環境では月日年の順序、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">西暦</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">英語</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">月名</anchor>などが期待されます。</p></example><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> 
一方で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">JavaScript</anchor><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">プログラム</anchor>による <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DOM API</anchor>アクセスは、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ロケール</anchor>にかかわらず形式が標準化されています。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">JavaScript</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">プログラマー</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ロケール</anchor>の違いを意識せずに操作できます。
<sw-see xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"> <anchor>HTMLの日時形式</anchor> </sw-see></p></section><section><h1>誕生日入力</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">生年月日</anchor>を指定させたいとき:</p><blockquote><pre class="HTML code example">&lt;input type=date autocomplete=bday&gt;</pre></blockquote><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> 
<code>autocomplete</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>は(半)自動的な入力のために値の種別を指定する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>です。
ここでは <code>bday</code> (birthday = <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">誕生日</anchor>) と指定しています。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザー</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">プロフィール</anchor>データや以前の同様の入力欄の記入実績を参考に、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">誕生日</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>に入力候補として提示できます。</p></section><section><h1>歴史</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <cite>446510 – Implement date/time input types on Mobile</cite>
( (<time>2013-01-16 14:03:04 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://bugzilla.mozilla.org/show_bug.cgi?id=446510">https://bugzilla.mozilla.org/show_bug.cgi?id=446510</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <cite>Chromeのinput<strong>[</strong>type=date<strong>]</strong>タグ内に和暦を表示する - Null and void</cite>
( (<time>2016-08-05 13:06:14 +09:00</time>))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://d.hatena.ne.jp/chi-bd/20160730/1469883831">https://d.hatena.ne.jp/chi-bd/20160730/1469883831</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">iOS</anchor> の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Safari</anchor> は対応しているけど
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Mac</anchor> の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Safari</anchor> は対応していないらしい。
おかしいだろ...
<time>2020-02-12T06:57:08.900Z</time></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <cite>New WebKit Features in Safari 14.1 | WebKit</cite>
(<time>2021-04-30T06:59:34.000Z</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/">https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/</anchor-external></p></section></body></html>