ブラウザにパスワードを補完されたくない時

通常、ブラウザでパスワードを入力して送信すると、
ブラウザが「パスワードを保存しますか?」と聞いてきて、
「OK」すると、パスワードが保存されます。

ドメイン単位で管理されているらしく、ブラウザのオートコンプリート機能によって
パスワードの入力欄があると勝手に補完されてしまいます。

<form>
    <input name="loginid" type="text" value="" />
    <input name="password" type="password" value="" />

    <input type="submit" value="送信" />
</form>

どうやら、passwordと直前のtextとの組み合わせで、
両方の値が空(value=””)の場合に、勝手に補完されるようです。

<input name=”password” type=”password” value=”” autocomplete=”off” />
とすれば補完されないようですが、今回はそれとは別の方法で防ぎます。

password直前のinputに適当に値を入れてみます。

<form>
    <input name="loginid" type="text" value="" />
    <span style="display:none">
        <input name="datetime" type="text" value="<?= date("Y-m-d H:i:s") ?>" />
    </span>
    <input name="password" type="password" value="" />

    <input type="submit" value="送信" />
</form>

こうすることで、ほとんどのブラウザで補完されなくなります。

The following two tabs change content below.

taira

Sofrware Engineer.

Comments are closed.