データリストタグ

datast を入力の新しい属性リストと一緒に使用して、入力をダブルクリックすると、履歴レコードと同様に、ユーザーが選択できるオプションを提供できます。

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

定義と使用法

datalist とそのオプションは表示されません。これは正当な入力値のリストにすぎません。

データリストをバインドするには、input 要素の list 属性を使用してください。

関連記事:

HTML5の日常練習 - datalistタグのオートコンプリートの使い方

html5 datalistタグの使用例(オートコンプリートコンポーネント)