input type="text" で datalist を使うときは、下のように option を設定します。
<input type="text" list="words" autocomplete="off"> <datalist id="words"> <option value="あ"> <option value="い"> </datalist>
ポイント
- input の list に datalist の id 名をセットする
- datalist に option をいくつか入れる
- autocomplete="off" で過去の履歴を表示しない
上のコードでは、input にフォーカスしたときに、履歴でなく datalist で設定したものが候補として表示されます。
