mozilla
Your Search Results

    datalist 要素

    HTML5 で導入

    概要

    HTML の Datalist 要素<datalist>)は、ユーザーに入力候補の選択肢を提供します。その候補となる値を持つ <option> 要素のセットをその子要素として内包します。

    属性

    この要素には、全ての要素が持つグローバル属性以外の属性はありません。

    <input list="browsers" />
    
    <datalist id="browsers">
      <option value="Chrome">
      <option value="Firefox">
      <option value="Internet Explorer">
      <option value="Opera">
      <option value="Safari">
    </datalist>
    

    input 要素がその list 属性によって、同じ値を id 属性に持つ datalist 要素に紐付けられています。

    ライブ表示でその動作を確認してみてください。「半角の f」を入力してみると分かりやすいでしょう。

    実際の表示を確認

    この例は Firefox では以下の様に表示されるでしょう。

    datalist.png

    仕様

    仕様書 策定状況 コメント
    WHATWG HTML Living Standard Living Standard  
    HTML5 勧告候補  

    互換性

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 20 4.0 (2.0) 10 9.5 未サポート
    機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート ? 4.0 (2.0) ? 10 ?

    関連情報

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

    Contributors to this page: ethertank, yyss
    最終更新者: yyss,