datalist 要素 (HTML)

[1] HTML の datalist 要素は、 input 要素の入力値の候補のリストを提供します。

[4] datalist 要素は、 選択肢を option 要素により提供する他に、 Web Forms 2.0 に対応していない利用者エージェントのための fallback の内容を含めることができます。 WF2 2.12

[2]

状態
WHATWG WD
名前空間URI
http://www.w3.org/1999/xhtml
要素型名
datalist (data list (データの並び) より)
文脈
>>10
内容モデル
>>9
開始タグ
必須
終了タグ
必須
属性
共通属性、
属性名属性値既定値説明状態出典
dataURI(なし)選択肢WHATWG WDWeb Forms 2.0

[3] 仕様書:

文脈

[10] datalist 要素は、

で使用して構いません。 WF2 2.12

内容

[9] 著者は、 datalist 要素の子供として、

だけを使用しなければなりません。 WF2 2.12

レンダリング

[5] 利用者エージェントが datalist 要素に対応している場合は、 表示するべきではありません。 CSS に対応している利用者エージェントでは、 利用者エージェント・スタイル・シートに次の規則 (と等価なもの) を含めることによりこれを実現するべきです。

@namespace xh url(http://www.w3.org/1999/xhtml);
xh|datalist { display: none; }

[13] Gecko は title 属性をレンダリングしません。 (仕様上も特に求められていません。)

[14] Gecko は CSS で datalist 要素や option 要素にスタイルを指定していても反映させません。 (仕様上も特に求められていません。)

[15] Gecko はラベルと値から部分一致でフィルタリングしたものを出しますが、 Opera は先頭一致でフィルタリングしたものを出します。

[16] Gecko はラベルだけをレンダリングしますが、 Opera は両方レンダリングします。

フォーム

[6] 自動補完の値の並びは、 (制御子の list 属性で指定された datalist 要素または select 要素で) getElementsByTagName メソッドに option を指定して得られる要素 (XHTML では getElementsByTagNameNS に http://www.w3.org/1999/xhtml と option) から作成しなければなりません。 WF2 2.12

[7] >>6 で得た各要素のうち、 disabled でないものについて、自動補完の値は、 value 内容属性の値か、 この属性がなければ、 text DOM 属性の値となります。 利用者エージェントは、利用者界面において label 属性の値を示して構いません。 WF2 2.12

[8] disabled な要素、 自動補完の値が空文字列な要素、 自動補完の値がその制御子の type に照らして非妥当な値である要素は、 無視しなければなりません。 WF2 2.12

[11] datalist 内のフォーム制御子

datalist 要素内のフォーム制御子は、 成功としてはなりません。 (が、利用者エージェントは依然としてフォームに関連付けしなければなりません。) WF2 2.12

[12] datalist 要素で使う option 要素の内容属性 selected、 DOM属性 form, selected, defaultSelected, index が input 要素や datalist 要素に影響してはなりません。 WF2 2.12

例

→ list

歴史

WF2

[28] 時点の WF2 意見募集用案には datalist がありませんでした。

[29] に Ian Hickson がそれまでの意見を集約して仕様案をメーリングリストで提示しています。 >>27 これが datalist の初出です。

[30] 付 WF2 WD があったことが記録に残りますが、 現存は確認されておらず内容は不明です。

[35] 当時の WF2 はときに一日数回レベルの勢いで頻繁に更新されていましたから、 この時点で datalist が仕様に追加されていた可能性は高いですが、確証はありません。

[31] 付 WF2 WD には datalist の規定が含まれています。

[34] それより前の時点で編集上のミスを指摘するメールが有り >>33、 に修正したと Ian Hickson が返信しています。

  • [27] [whatwg] Re: several messages, Ian Hickson, Wed Jun 30 16:35:19 PDT 2004, , https://lists.whatwg.org/pipermail/whatwg-whatwg.org/2004-June/043072.html
    • [32] [whatwg] Re: several messages, , https://lists.whatwg.org/pipermail/whatwg-whatwg.org/2004-July/043099.html
  • [33] [whatwg] Datalist missing from XHTML5B module definition, , https://lists.whatwg.org/pipermail/whatwg-whatwg.org/2004-July/043318.html
[216] HTML要素概説
要素名
datalist
日付
説明
、 Ian Hickson は WHATWG メーリングリストへの投稿で datalist 案を示した。 これと前後して、遅くてもまでに、 Web Forms 2.0 に datalist が追加された。 現行仕様である。
出典
  • Hixie20040630: Re: several messages, , , , https://lists.whatwg.org/pipermail/whatwg-whatwg.org/2004-June/043072.html

HTML5

[71] [] (0) WF2: <datalist> element summary., Hixie, , https://github.com/whatwg/html/commit/332cebecd184742e7598d76318775aed688b1dab

[70] HTML要素概説
要素名
datalist
日付
説明
、 HTML5 に datalist が追加された。
出典
  • HTML5 r2150, , , https://github.com/whatwg/html/commit/332cebecd184742e7598d76318775aed688b1dab

[17] [whatwg] Why children of datalist elements are barred from constraint validation? ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-July/032681.html

[18] [whatwg] Why children of datalist elements are barred from constraint validation? ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-June/036317.html

[19] [whatwg] Search-suggestions without scripting ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-June/036393.html

[20] Web Applications 1.0 r8473 note to self regarding datalist content model ( ( 版)) http://html5.org/tools/web-apps-tracker?from=8472&to=8473

[21] Web Applications 1.0 r8695 Catch up with recent changes that were made while the pipeline was down. Sorry for jamming all these changes into one patch. ( ( 版)) http://html5.org/r/8695

[22] Web Applications 1.0 r8792 Suggest that browsers filter the list= suggestions if there's more than 4 to 7.]] ( ( 版)) https://html5.org/r/8792

[23] Bug 27247 – Master bug of datalist element and list attribute implementation ( 版) https://bugs.webkit.org/show_bug.cgi?id=27247

[24] Make label-less empty option OK if datalist child · whatwg/html@3885f11 ( 版) https://github.com/whatwg/html/commit/3885f11503431c1bb33c3bb4bf1b9d5d9bcdae61

[25] Add concrete suggestions for datalist display and matching (domenic著, ) https://github.com/whatwg/html/commit/e13124544e571f69ae283225c3ea17f209f986a7

[26] Safari 12.1 Release Notes | Apple Developer Documentation () https://developer.apple.com/documentation/safari_release_notes/safari_12_1_release_notes