Google Password Managerは入力欄が3つのログイン画面に勝てる?

ブログ運営

パスワードマネージャー、使っていますか?

スポンサーリンク

入力欄が3つのログイン画面がある

パスワードマネージャーが便利なのは、ログインIDとパスワードを自動で入力してくれる点です。

典型的なログイン画面はIDとパスワード、2つの入力欄からできていて、たいていのパスワードマネージャーは問題なく対応できます。

ところが、入力欄が3つもあるようなログイン画面となると話は別。愛用中の「Google Password Manager」ですらお手上げなログイン画面が結構あるんですわ。

Google Password Managerの勝ち

Google Password Managerが、3つの入力欄に自動入力できたログイン画面は下記の通りです。

某ネット銀行1

某ネット銀行1は、当然にように3つの入力欄に自動入力できました。さすが使いやすいです。

某不動産

不動産系のWebサイトということで正直あまり期待していなかったのですが、意外にも3つの入力欄すべてに自動入力できました。嬉しい誤算です。

<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が、2つの入力欄にしか自動入力できなかったログイン画面は下記の通りです。ID入力欄が2つに分かれているようなログイン画面に弱い印象です。

某カーシェア

会員カード番号は「XXXX-XXXXXX」のようになっているんですが、ハイフンより前の4桁は自動入力されません。仕方がないので毎回手入力。よく利用するWebサイトなので地味に面倒くさい…。

会員カード番号のハイフンより後ろの「XXXXXX」とパスワードの2つの入力欄は自動入力できました。

<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>

某ネット銀行2

全部で10桁あるお客さま番号のうち、前半5桁は自動入力できません。仕方がないので毎回手入力しています。

某証券1

先頭の支店コードは自動入力できません。

<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>

某証券2

先頭の支店コードは自動入力できません。

入力欄の半分しか入力できない

某銀行2

このログイン画面は、店番と口座番号またはご契約番号のどちらかを選べるんですが、店番と口座番号は自動入力されないため、結局、ご契約番号でログインするしかありません。

ただし、ご契約番号とログインパスワードは自動入力できるので、実際はさほど不便に感じないんですけどね。

Google Password Managerの完敗

むかし省庁だった銀行

お客さま番号は3つの入力欄に分かれているんですが、なんと3つともすべて自動入力できません…。次の画面のパスワードは自動入力できます。

<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>

3つの入力欄を克服できる?

なぜ3つの入力欄に自動入力できるものと、そうでないものがあるんでしょうかね?

コメント

タイトルとURLをコピーしました