HTMLフォームの入力候補を出さないようにするにはautocompleteを使う


主要なブラウザでは、フォームの入力欄を入力状態にすると、これまでに入力したことがある内容が自動的に選択肢として表示されます。
sample
名前や住所など、何度も書く入力内容に対しては非常に便利ではありますが、中には入力補助は不要な場合もあります。
基本は便利なものなので、不要な場合はそう多くないかもしれませんが、
例えば日付の入力補助のような、別の入力補助を使う場合にはデフォルトの入力候補の機能は邪魔になります。
sample
そういった場合に入力補助を消してみましょう。

消し方はとっても簡単。

autocomplete=”off”

これを入れるだけ。

<input type="text" autocomplete="off">

これで、表示されなくなります。
使う場面は多くないかもしれませんが、フォームに独自のアクションを追加したい場合に、既存のこういった機能が邪魔になることがあります。
いざというときのために知っておくといいですね。

大阪のホームページ制作会社YCOMの制作サービスのご紹介