list 属性入力候補リストを指定する

list 属性は入力コントロールへのデータ入力時に表示する入力候補リストを指定します。入力候補リストは、同一文書内に記述した datalist 要素で定義し、list 属性の値は、対象としたい datalist 要素に付与した id 属性の値を指定します。

list 属性の仕様

この属性を使用できる要素

list 属性のサンプルソース

<input list="arealist" tyle="text" name="area" value="" />
<datalist id="arealist">
 <option value="東京都" />
 <option value="埼玉県" />
 <option value="群馬県" />
 <option value="神奈川県" />
 <option value="千葉県" />
</datalist>

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ