MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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 未サポート

関連情報

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

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