HTML5

：

タグ（要素）

：

DATALIST

　 編集：2022.06.24 by T.A.

→● mdn

他のコントロール用にあらかじめ定義されたオプションを表す OPTION 要素の集合を表す。

この要素を使用できる文脈

フレージング内容が期待される場所。

内容モデル

いずれか： フレージング内容。

または： 0 個以上の OPTION 要素およびスクリプト サポート要素。

text/htmlにおけるタグ省略

どちらのタグも省略不可。

内容属性
解説

この要素はレンダリングされない。

DATALIST 要素は INPUT 要素で list 属性を使用する INPUT 要素に接続される。

例
<LABEL>
 Animal:
 <INPUT name=animal list=animals>
 <DATALIST id=animals>
  <OPTION value="Cat">
  <OPTION value="Dog">
 </DATALIST>
</LABEL>


<LABEL>
 Animal:
 <INPUT name=animal2 list=animals2>
 <DATALIST id=animals2>
  <OPTION value="Cat">ネコ
  <OPTION value="Dog">イヌ
  <OPTION value="Fox" label="LABEL">キツネ
 </DATALIST>
</LABEL>

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：