Irohabook
HTML 記号・文字

htmlのinputに履歴でなく独自の値を候補として表示する:datalistとautocomplete=”off”をうまく組み合わせる

広告

html の input type="text" に datalist を使うときは、下のように option を設定します。

<input type="text" list="words" autocomplete="off">
<datalist id="words">
    <option value="あ">
    <option value="い">
</datalist>

ポイント:

上のコードでは input にフォーカスを当てたときに、履歴でなく datalist で設定したものが候補として表示されます。

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会