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

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

対応するブラウザでは、入力欄で「↓」キーを押したり、入力欄をダブルクリックすると入力候補が表示されます。また、入力内容によってサジェスト機能のように働きます。

datalist 要素の仕様

カテゴリ

• フレージング・コンテンツ
• フロー・コンテンツ

コンテンツモデル

• フレージング・コンテンツ

• または 0個以上の option 要素、およびスクリプト支援要素のいずれか

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

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

この要素で使用できる属性

• グローバル属性

datalist 要素のサンプルソース

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

主要ブラウザの対応

関連する要素

• button 要素
• fieldset 要素
• form 要素
• input 要素
• keygen 要素
• label 要素
• legend 要素
• meter 要素
• optgroup 要素
• option 要素
• output 要素
• progress 要素
• select 要素
• textarea 要素

仕様書の該当箇所

• 4.10.8 The datalist element

用途から目的の要素を探す