<datalist> に定義済みの値を持った <input> 要素:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Try it Yourself ❯
<datalist> タグは、<input> 要素の定義済み選択肢のリストを指定します。
<datalist> タグは、<input> 要素の「オートコンプリート」機能に使用されます。 ユーザは、データを入力するときに、定義済み選択肢のドロップダウンリストを見ることができます。
<input> 要素と <datalist> 要素のバインドには、list 属性を使用します。
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
要素 | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | Not supported | 9.0 |
<datalist> タグは、HTML5で新しく追加されました。
<datalist> タグは、HTML のグローバル属性もサポートします。
<datalist> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:Datalist オブジェクト
ほとんどのブラウザは、次のデフォルト値を使用して <datalist> 要素を表示しています:
datalist {
display: none;
}