Chromeでネット通販などのフォームに入力すると、過去に入力した情報が候補として表示されることがあります。
郵便番号や氏名、電話番号まで自動で候補として出る仕組みについて理解すると、不要な候補の削除や管理も可能になります。
この記事では、inputタグとブラウザの自動入力機能の関係、仕組み、編集・削除方法について解説します。
1. 過去入力データが表示される仕組み
Chromeなどのブラウザは、フォームに入力した情報を「オートフィル」としてローカルに保存します。
保存されるのはドメインごと、フォームのタグの属性に基づく情報です。
特に以下の要素が影響します。
- name属性：フォーム内でのフィールド識別子
- type属性：text, email, telなど入力タイプ
- autocomplete属性：ブラウザに保存／自動入力可否を指示
たとえば、name=”postal_code” のようなフィールドは、過去に入力した郵便番号が候補として表示されやすくなります。
必ずしも同じnameがどこかにストックされているわけではなく、ブラウザ側が過去入力と紐づけて候補を表示しています。
2. 自動入力の編集・削除方法
ブラウザに保存されたオートフィルデータはユーザーが管理可能です。
Chromeの場合は次の手順です。
- 右上の「︙」→「設定」を開く
- 「自動入力」→「住所とその他」または「パスワード」を選択
- 不要な住所や電話番号、郵便番号の項目を削除・編集
入力フィールド上で候補が表示された際に、キーボードの上下で選択してDeleteキーで削除することも可能です。
3. autocomplete属性の活用
Web開発者はタグに autocomplete 属性を付与して、自動入力の挙動を制御できます。
代表例。
- autocomplete=”off”：ブラウザに保存されず候補も表示されない
- autocomplete=”postal-code”：郵便番号用の正しい候補表示
- autocomplete=”name”：氏名フィールド用
これにより、ユーザーが意図しない候補が表示されるのを防ぐことも可能です。
4. パスワードマネージャーとの違い
過去に知恵袋で回答があったように「パスワードマネージャー」と勘違いされやすいですが、郵便番号や氏名はブラウザのオートフィル機能による保存です。
パスワードマネージャーはログイン情報のみ管理しますが、住所や電話番号などはブラウザに保存され、サイトごとに候補が表示されます。
まとめ
Chromeで郵便番号や氏名などの入力候補が表示されるのは、inputタグのnameやautocomplete属性に基づき、ブラウザが過去入力データをローカルに保存しているためです。
編集や削除は、ブラウザ設定から直接行うか、入力時の候補リストから削除できます。
Web開発者はautocomplete属性を活用することで、ユーザーに適切な入力候補を提示したり、不要な候補表示を防ぐことができます。
コメント