HTML <datalist> 要素は、他のコントロールで使用可能な候補となる値を表す <option> 要素のセットを内包します。
| コンテンツカテゴリー | フローコンテンツ、フレージングコンテンツ |
|---|---|
| 許可された内容 | Either フレージングコンテンツ、または 0 個以上の <option> 要素 |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可された親要素 | フレージングコンテンツ を受け入れるすべての要素 |
| 許可された ARIA ロール | なし |
| DOM インターフェイス | HTMLDataListElement |
属性
この要素には、すべての要素が持つ グローバル属性 以外の属性はありません。
例
<label>Choose a browser from this list: <input list="browsers" name="myBrowser" /></label> <datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> <option value="Microsoft Edge"> </datalist>
表示結果
- 結果を使用する
<input> 要素の name 属性でコントロールの名前を指定しており、これはフォームデータとともに送信されます。
このフォームデータはサーバー側で、HTTP リクエストから取得できます: String myBrowser = request.getParameter("myBrowser")
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| HTML Living Standard <datalist> の定義 |
現行の標準 | |
| HTML5 <datalist> の定義 |
勧告 |
ブラウザー実装状況
| 機能 | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基本サポート | 20 | (有) | 4.0 (2.0) | 10 | 9.5 | 未サポート |
| 機能 | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | 33 | (有) | 4.0 (2.0) | 未サポート | 10 | 未サポート |