datalist 要素 (HTML)[1] HTML の datalist 要素は、
input 要素の入力値の候補のリストを提供します。
[4] datalist 要素は、
選択肢を option 要素により提供する他に、
Web Forms 2.0 に対応していない利用者エージェントのための
fallback の内容を含めることができます。
WF2 2.12
http://www.w3.org/1999/xhtmldatalist
(data list (データの並び) より)
| 属性名 | 属性値 | 既定値 | 説明 | 状態 | 出典 |
data | URI | (なし) | 選択肢 | WHATWG WD | Web Forms 2.0 |
[3] 仕様書:
datalist element and the list attribute
IW:WF2:"#the-datalist"で使用して構いません。 WF2 2.12
だけを使用しなければなりません。 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 は先頭一致でフィルタリングしたものを出します。
[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
datalist 要素内のフォーム制御子は、
成功としてはなりません。
(が、利用者エージェントは依然としてフォームに関連付けしなければなりません。)
WF2 2.12
[12]
datalist 要素で使う
option 要素の内容属性
selected、
DOM属性 form,
selected,
defaultSelected,
index
が input 要素や
datalist 要素に影響してはなりません。
WF2 2.12
→ list
[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