<datalist>~</datalist>
datalist（データリスト）要素は閲覧者に入力候補の選択肢を提供します。入力候補は、内包する option 要素で提供することができます。この要素、および内包される要素は、画面上にレンダリングされません。
datalist要素は、要素に付与された id属性値と input要素に付与された list属性によって関連付けを行うことができる。関連づけられたinput要素において、datalist要素はサジェストとして機能する。
対応するブラウザでは、入力欄で「↓」キーを押したり、入力欄をダブルクリックすると入力候補が表示される。また、入力内容によってサジェスト機能のように働く。
| datalist要素 | 説明 |
|---|---|
| カテゴリー | ・フレージングコンテンツ ・フローコンテンツ |
| コンテンツモデル | フレージングコンテンツ または 0個以上の option 要素、およびスクリプト支援要素のいずれかを記述。 |
| 使用できる場所 | フレージングコンテンツが期待される場所 |
datalist要素で使用できる属性
グローバル属性
すべてのHTML要素で使用できる属性になります。
使用例
<input list="arealist" tyle="text" name="area" value="">
<datalist id="arealist">
<option value="東京都">
<option value="埼玉県" >
<option value="群馬県">
<option value="神奈川県">
<option value="千葉県">
</datalist>表示