質問: ホームページのお問い合わせメールフォームの名前入力時に クレジットカード情報が表示されます。 これを非表示にさせることは出来ないものでしょうか? cssやhtml、jsで解決できるものなのでしょうか? ホームページ制作後、お問い合わせフォームの確認していたところ 一人の方から、クレジットカード情報が名前入力時に表示されるとの内容でした 名前入力部分のコードは下記のとおりです ``` 名前Your Name ``` クレジットカード情報が名前入力時に表示される方は、マイクロソフトエッジを利用しています。 Chromeやfirefoxなどで見ている人はクレジットカード情報が表示されません クレジットカード情報を非表示にすることは出来ないものでしょうか? autocompleteのことを色々検索し、autocomplete=none や jsでのautocomplete=off も 行ったのですが全く解決しませんでした 対応策がお分かりの方がおられましたら、ご回答のほど、よろしくお願いします
回答: Mozillaが開発者向けにフォームの自動補完を無効にするにはというドキュメントを公開しています。 > > 現代的なブラウザーの多くはログイン欄における `autocomplete="off"` に対応していません。 > > > * ウェブサイトが `autocomplete="off"` を `` に設定しており、かつそのフォーム内にユーザー名とパスワードの入力欄が含まれていた場合、ブラウザーはログイン情報を記憶するか尋ねてきて、ユーザーが同意すれば、次回の訪問時にログイン欄を自動入力します。 > * ウェブサイトが `autocomplete="off"` をユーザー名とパスワードの `` 欄に設定していた場合でも、ブラウザーはログイン情報を記憶するか尋ねてきて、ユーザーが同意すれば、次回の訪問時にログイン欄を自動入力します。 > > > この挙動は Firefox 38 以降、 Google Chrome 34 以降、 Internet Explorer 11 以降で共通です。 > > > つまり、WebブラウザーはHTMLコンテンツ作者よりも利用者の意思を尊重します。利用者が値の保存を望めば、補完されるでしょう。 同ページには > > 自動補完を無効化するツール > ------------- > > > jquery.disableAutoFill は input の `name` 属性を既定でランダム化します。フォームが投稿されると、プラグインは本来の名前を復元します。これはすべてのブラウザーで (サードパーティの自動補完の拡張機能を含めて) 自動補完を防ぎます。 > > > が紹介されているように、毎回`name`や`id`が異なれば、Webブラウザーは補完できなくなります。