たとえばクレジットカード決済で、カードのセキュリティコードを入力する欄が <input type="password" > 要素で用意されているといった場合です。 Chrome を使って調べていたのですが、ログイン ID とパスワードの組み合わせを Chrome に保存していた場合、同じサイトの別ページに type="text" の入力欄と type="password" の入力欄があったら、問答無用でそのサイトの保存済みのログイン情報がオートコンプリートされてしまいます。 ↑ こんな感じでオートコンプリートされる。 セキュリティコードのところは maxlength="4" を指定しているがそれも無視。 ブラウザのオートコンプリートは感覚的に name 属性やら id 属性が同じだったらオートコンプリートされるのかなぁというイメージだったので問題ないだろうと思っていたのですが、違いました。
![パスワード用途以外にinput要素のtype=](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3347a9217dc5bfd760f25740abc38521083ad13/height=288;version=1;width=512/https%3A%2F%2Fblog.fkoji.com%2Fwp-content%2Fuploads%2F2017%2F01%2Fchrome-autocomplete-01.jpg)