inputタグの入力候補機能の無効化

今回は、inputタグを入力時に履歴(候補機能)が表示されますが、それを無効にする方法を見ていきたいと思います。

現象

  • 画像のようにinputタグをクリックすると履歴が表示されます。

解決

候補機能を無効にするには「autocomplete」を使用します。

input要素それぞれ無効にする

<input type="text" autocomplete="off">
  • inputタグのオプションに「autocomplete=”off”」を追加しましょう。

form内のinputに対して一括に無効にする

<form autocomplete="off">
  • inputタグに追加するのと同じくformタグに追加することでform内のinputタグに適用できます。

コメントを残す