option

野暮用で必要になったので、試してみる。 htmlページはこんな感じ。 &lt;html&gt; &lt;!-- header --&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt; &lt;/head&gt; &lt;!-- body --&gt; &lt;body&gt; &lt;datalist id="color"&gt; &lt;option value="red" /&gt; &lt;option value="green" /&gt; &lt;option value="blue" /&gt; &lt;/datalist&gt; &lt;input type="text" autocomplete="on" list="color"&gt; &lt;/body&gt; &lt;/html&gt; やるこた4つ。 &lt;datalist&gt;タグにid属性を設定する &lt;datalist&gt;タグの中に&lt;option&gt;タグで表示したい候補を設定する &lt;input&gt;タグのautocomplete属性を"on"にする &lt;input&gt;タグにlist属性をつけて、&lt;datalist&gt;タグのid属性の名前を指定する とりあえず、Firefoxで表示。 で、候補を表示するとこんな感じ。 html5に対応していないブラウザ(特にIE6、IE8あたり？)はjQueryを使ってJavaScriptで実装したりする必要があるみたい。 ま、メモってことで。

html5メモ inputタグで入力の候補を表示してみる