HTML

トップ > チップス > HTML

datalist要素を使う

これは便利。オートコンプリート的な入力エリアをHTMLだけで簡単に作成することができます。表示されるのは普通のテキストエリアですが、文字を打ち込むと、それにマッチする候補がエリアの直下にリストされます。また、何も入力せずにカーソルキーの下を押すと、全ての候補が一覧表示されます（Chromeで動作確認しています）。

<input list="browsers" />
<datalist id="browsers">
  <option value="Chrome"/>
  <option value="Firefox"/>
  <option value="Internet Explorer"/>
  <option value="Opera"/>
  <option value="Safari"/>
</datalist>


HTML5の仕様には「autocomplete」という属性があるのですが、こちらはちょっと用途が違うみたいですね。

参考URL

• タグ別一覧: [html]
• チップス一覧