html の input に履歴でなく独自の値を候補として表示する：datalist と autocomplete="off" の使い方

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 で設定したものが候補として表示されます。