カテゴリー
datalist HTML5

datalistタグとは?-HTML

(例)datalistタグの使用方法

See the Pen
datalist
by linlin (@linlin098765)
on CodePen.

<input type="search" name="search" autocomplete="on" list="keywords">
<datalist id="keywords">
<option value="あ">
<option value="い">
<option value="う">
</datalist>

datalistタグとは?-HTML

 datalistタグは、フォームの入力欄などで入力候補を表示させるタグです。
 datalistタグの子要素にoptionタグを使用することで入力候補を作成可能です。
 使用方法として、inputタグのlist属性とdatalistのidを一致させることにより入力候補を表示させることができます。