datalist 要素入力候補の選択肢を提供する

datalist 要素は閲覧者に入力候補の選択肢を提供します。入力候補は、内包する option 要素で提供することができます。この要素、および内包される要素は、画面上にレンダリングされません。

datalist 要素は、要素に付与された id 属性値と input 要素に付与された list 属性によって関連付けを行うことができます。関連づけられた input 要素において、datalist 要素はサジェストとして機能します。

サンプルソースを見る

datalist 要素の仕様

カテゴリ
コンテンツモデル

または 0個以上の option 要素のいずれか

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

フレージング・コンテンツが期待される場所

この要素で使用できる属性
DOM インタフェース
interface HTMLDataListElement : HTMLElement {
  readonly attribute HTMLCollection options;
};

datalist 要素のサンプルソース

<input list="arealist" tyle="text" name="area" value="" />
<datalist id="arealist">
 <option value="東京都" />
 <option value="埼玉県" />
 <option value="群馬県" />
 <option value="神奈川県" />
 <option value="千葉県" />
</datalist>

W3C HTML5 仕様書

4.10.10 The datalist element