input type="password" でオートコンプリートをオフにする → 完全にはムリかも

Chrome の <input type="password" ...> でオートコンプリートをオフにしたい


今のところ、下記の属性を設定するくらい
autocomplete="new-password" 

しかし、フォーカスが当たると新しいパスワードの候補が表示される
また、Android の入力でパスワード候補表示によりテンキーが隠れたりする


やってみてダメだった事
  • aria-autocomplete="none" を設定
    → inputへフォーカスが当たった時点で "list" へ変更されてしまう
  • フォーカス系イベント onfocus や onblur で aria-autocomplete="none" を設定
    → list へ一度変更され、それ移行 none になってもオートコンプリートがゾンビ化
  • type="text" で作成して onfocus で動的に type="password" へ変更
    → password へ切り替わった途端、オートコンプリートが生成される
  • ダミーの input type="password" を作って非表示にしておく
    → 関係なくオートコンプリートが表示される
いちお、Bard と ChatGPT でも確認




コメント