パスワードマネージャー、使っていますか？
入力欄が３つのログイン画面がある
パスワードマネージャーが便利なのは、ログインIDとパスワードを自動で入力してくれる点です。
典型的なログイン画面はIDとパスワード、２つの入力欄からできていて、たいていのパスワードマネージャーは問題なく対応できます。
ところが、入力欄が３つもあるようなログイン画面となると話は別。愛用中の「Google Password Manager」ですらお手上げなログイン画面が結構あるんですわ。
Google Password Managerの勝ち
Google Password Managerが、３つの入力欄に自動入力できたログイン画面は下記の通りです。
某ネット銀行１
某ネット銀行１は、当然にように３つの入力欄に自動入力できました。さすが使いやすいです。
某不動産
不動産系のWebサイトということで正直あまり期待していなかったのですが、意外にも３つの入力欄すべてに自動入力できました。嬉しい誤算です。
<section data-v-1cd="" class="form__section">
<!---プロジェクト番号--->
<div data-v-1 cd="" class="form__block -first">
<label data-v-1cd="" class="form__subhead">プロジェクト番号</label>
<div data-v-1cd="" class="form__input -align-icon">
<div data-v-d9="" data-v-1cd="" class="input-form">
<input data-v-d9="" type="text" name="" placeholder="例）0987654321" class="input-
form__input">
</div>
</div>
</div>
<!---メールアドレス--->
<div data-v-1c=d"" class="form__block">
<label data-v-1cd="" class="form__subhead">メールアドレス</label>
<div data-v-1cd="" class="form__input -align-icon">
<div data-v-d9="" data-v-1cd="" class="input-form">
<input data-v-d9="" type="email" name="email" placeholder="入力してください" class="input-
form__input">
</div>
</div>
</div>
<!---パスワード--->
<div data-v-1cd="" class="form__block">
<label data-v-1cd="" class="form__subhead">パスワード</label>
<div data-v-1cd="" class="form__input">
<div data-v-d9="" data-v-1cd="" class="input-form">
<input data-v-d9="" type="password" name="password" placeholder="入力してください"
class="input-form__input">
</div>
</div>
</div>
</section>Google Password Managerは劣勢
Google Password Managerが、２つの入力欄にしか自動入力できなかったログイン画面は下記の通りです。ID入力欄が２つに分かれているようなログイン画面に弱い印象です。
某カーシェア
会員カード番号は「XXXX-XXXXXX」のようになっているんですが、ハイフンより前の４桁は自動入力されません。仕方がないので毎回手入力。よく利用するWebサイトなので地味に面倒くさい…。
会員カード番号のハイフンより後ろの「XXXXXX」とパスワードの２つの入力欄は自動入力できました。
<div class="login_area">
<h2>■予約・ログイン</h2>
<dl class="">
<dt>会員カード番号（IC管理番号）</dt>
<dd class="cardbox">
<label class="cardbox01">
<input id="cardNo1" type="text" name="tpLoginForm:cardNo1" maxlength="4">
</label>
<label class="cardbox02">
<input id="cardNo2" type="text" name="tpLoginForm:cardNo2" maxlength="6">
</label>
</dd>
</dl>
<dl>
<dt>パスワード</dt>
<dd>
<input id="tpPassword" type="password" name="tpLoginForm:tpPassword">
</dd>
</dl>
</div>某ネット銀行２
全部で10桁あるお客さま番号のうち、前半５桁は自動入力できません。仕方がないので毎回手入力しています。
某証券１
先頭の支店コードは自動入力できません。
<div id="inputBox">
<div class="inputPrg"
<input name="koza1" type="text" size="10" maxlength="3" tabindex="1" onfocus="change_focus(0)" id="padInput0" class="padInput">
</div>
<div class="inputPrg">
<input name="koza2" type="text" size="10" maxlength="6" tabindex="2" onfocus="change_focus(1)" id="padInput1" class="padInput">
</div>
<div class="inputPrg">
<div class="js-pswd">
<input type="password" onfocus="change_focus(2)" name="passwd" id="padInput2" maxlength="16" tabindex="3" value="" autocomplete="on" class="padInput">
<div class="pswdCheck">
<input type="checkbox" name="pwdview" id="pwdview" style="border:none; outline:none;">
<label for="pwdview">パスワードを表示する</label>
</div>
</div>
</div>
</div>某証券２
先頭の支店コードは自動入力できません。
入力欄の半分しか入力できない
某銀行２
このログイン画面は、店番と口座番号またはご契約番号のどちらかを選べるんですが、店番と口座番号は自動入力されないため、結局、ご契約番号でログインするしかありません。
ただし、ご契約番号とログインパスワードは自動入力できるので、実際はさほど不便に感じないんですけどね。
Google Password Managerの完敗
むかし省庁だった銀行
お客さま番号は３つの入力欄に分かれているんですが、なんと３つともすべて自動入力できません…。次の画面のパスワードは自動入力できます。
<p class="alignC">
<input type="text" name="okyakusamaBangou1" maxlength="4"
tabindex="11" value="" id="focus1" class="w15">
<input type="text" name="okyakusamaBangou2" maxlength="4"
tabindex="12" value="" id="focus2" class="w15">
<input type="text" name="okyakusamaBangou3" maxlength="5"
tabindex="13" value="" id="focus3" class="w15">
</p>３つの入力欄を克服できる？
なぜ３つの入力欄に自動入力できるものと、そうでないものがあるんでしょうかね？
コメント