HTML5のリファレンスサイトです。


<datalist>

<input>の入力を補完するリストを作成します。
オートコンプリート的な動作をさせることができます。
HTML5からの新要素です。

<input>のlist属性に<datalist>のidを指定し関連付けます。
<datalist>の子要素に<option>で各項目を設定します。
<option>のvalueが候補となります。



<input type="text" list="datalist">
<datalist id="datalist">
<option value="option1"></option>
<option value="option2"></option>
</datalist>

実際の表示

対応ブラウザでは、「o」を入力すれば候補が出てくると思います。

[編集]   [AD]
rentafree.net