基礎

HTML要素

データリスト

datalist要素

最終更新日：2023-09-18
公開日：2016-05-26

こちらの要素を関連づけたinput要素に入力がされた際に、子要素のoption要素から候補を表示します。

HTML サンプルコード

<input type="text" name="area" list="area_list">
<datalist id="area_list">
  <option value="東京都練馬区">東京都練馬区</option>
  <option value="東京都品川区">東京都品川区</option>
  <option value="東京都中央区">東京都中央区</option>
</datalist>

カテゴリー

フローコンテンツ、フレージングコンテンツ
コンテンツモデル

フレージングコンテンツ（0個以上のoption要素を子孫に持つ）、または0個以上のoption要素
使用ケース

フレージングコンテンツが期待される場所

属性

グローバル属性: グローバル属性のみ使用することができます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。