Written by Kasumi

【簡単】inputタグで入力した内容の履歴・入力候補を出さない方法【属性を設定すれば解決】

お問い合わせフォームで使ってるhtmlのinputタグで、入力した内容の履歴・入力候補を出さないようにしたい。

本記事ではをautocomplete属性を使ってこのような悩みを解決します。

autocomplete属性をnoに設定しよう

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

autocomplete属性が設定されてるとユーザーに対し入力候補を補完してくれます。

デフォルトだとautocomplete属性が有効になってるのでautocomplete=”off”と属性値を設定することで、保管を無くし、候補を出さないようにしてくれます。

以上で解決です。

コンタクトフォーム7で対応したい場合

[text text-795 autocomplete:off]

wordpressのお問い合わせプラグイン、コンタクトフォーム7でautocomplete属性を無効にしたい場合は該当するお問い合わせ項目のショートコード内にautocomplete:offと設定するだけでOK。

以上でコンタクトフォーム7も解決です。

まとめ

お問い合わせフォームによくあるカレンダー式の日付選択項目の場合、入力補完があるとカレンダーが隠れちゃう場合があるかと思います。

必要なければautocomplete属性を無効にして対処するなどできます。

以上で解説を終わります。

目次

関連記事

HTMLCSS

【簡単】楽天GOLDページで画像・JS・CSSファイルのキャッシュが削除されない原因を解決!

更新日:2022.11.24
651
WordPress プログラミング

【ワードプレス】親子カテゴリ・親子ターム順にリンクリストを自動で表示する方法

更新日:2022.05.31
1701
WordPress プログラミング

【簡単wordpress】すべての投稿記事内にある同じURL・文字列を一括置換する方法【Search Regexプラグイン】

2022.02.08
1376
HTMLCSS

APIを使わず、GoogleMapを白黒でサイトに埋め込む方法

更新日:2022.06.08
1008