HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

データリスト

datalist要素

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

サンプルコード

<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のグローバル属性」をご覧ください。

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。