<datalist>
HTML の <datalist>
要素は、他のコントロールで利用可能な値を表現する一連の <option>
要素を含みます。
試してみましょう
属性
この要素には、すべての要素が持つグローバル属性以外の属性はありません。
例
<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>
結果
仕様書
Specification |
---|
HTML Standard # the-datalist-element |
ブラウザーの互換性
BCD tables only load in the browser
代替手段
古いブラウザーや非互換の現行ブラウザーで対応するための代替手段 (polyfill) を以下に挙げます。 datalist-polyfill