◆ そろそろ全角パスワード対応してもいいんじゃないの
◆ それっぽい見た目の UI 作ってみた

パスワードって半角だから わかりづらいものにして忘れるんですよ
全角で日本語入れられれば 文字種類がかなり増えるから総当りや辞書攻撃で不正アクセスするのは難しくなるし パスワード使う人も覚えやすいしでいいことばかりじゃないの

と思ったけど デフォルトのパスワード input に全角入れられなかったので軽く作ってみたもの

全角パスワード

やってることは単純です

<div class="fw-password">
<input type="text" class="pw-shown" autocomplete="off" tabindex="-1" readonly>
<input type="text" class="pw-transparent" autocomplete="off">
</div>

こんな風に input を 2 つ用意して重ねて表示させます
上側に来る .pw-transparent を透明にすることで見た目上は下側に来る .pw-shown が表示されています

でも実際には見えないだけで上側の input が存在するので .pw-shown に入力しているつもりで .pw-transparent に入力していることになります

あとは .pw-transparent の input イベントが起きるたびに入力されている文字数分の 「●」 を .pw-shown に入れれば見た目上は全角文字対応で文字が ● になる input の完成です
データを取り出すときには .pw-transparent の方の value を取り出せば入力したパスワードになります

細かいところでは .pw-shown にフォーカスが当たらないようにしたり .pw-transparent のフォーカスで実際に見えてる .pw-shown がフォーカス当たったような見た目にしたりしてます

使いづらい部分を上げると カーソル位置や選択箇所がわからないところ
文字が ● になって見えない以上カーソル戻したり 選択して削除なんかしないで 全部消すか一文字バックスペースくらいでしょうということで対応してないです

作り込むならこの辺の対応とか 目のアイコンで表示非表示切り替えたりできるといいかもしれませんね
今のだと IME での変換ミスは確認できないですから

どうせなら WebComponent でコンポーネント化したりしてみたいです
いつか気が向いたらしてみるかもしれません