HTML の <datalist> 要素は、他のコントロールで利用可能な値を表現する一連の <option> 要素を含みます。

コンテンツカテゴリ フローコンテンツ記述コンテンツ
許可されている内容 記述コンテンツ、または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> の定義
勧告  

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応20 あり4109.5 なし
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 なし33 あり4 ? なし あり

代替手段

古いブラウザーや非互換の現行ブラウザーで対応するための代替手段 (polyfill) を以下に挙げます。
datalist-polyfill

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, SphinxKnight, yyss, ethertank
最終更新者: mfuji09,