HTML の <datalist>
要素は、他のコントロールで利用可能な値を表現する一連の <option>
要素を含みます。
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
コンテンツカテゴリ | フローコンテンツ、記述コンテンツ |
---|---|
許可されている内容 | 記述コンテンツ、または 0 個以上の <option> 要素のどちらか |
タグの省略 | 不可。開始と終了タグの両方が必要。 |
許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
許可されている ARIA ロール | なし |
DOM インターフェイス | HTMLDataListElement |
属性
この要素には、すべての要素が持つグローバル属性以外の属性はありません。
例
<label for="myBrowser">一覧からブラウザーを選択して下さい:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>
結果
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
HTML Living Standard <datalist> の定義 |
現行の標準 | |
HTML5 <datalist> の定義 |
勧告 |
ブラウザー実装状況
BCD tables only load in the browser
代替手段
古いブラウザーや非互換の現行ブラウザーで対応するための代替手段 (polyfill) を以下に挙げます。
datalist-polyfill