web-dev-qa-db-ja.com

autocomplete = new-passwordと、パスワードをもう一度入力して確認させる

html5には、フォームの自動入力時にユーザーエージェントを支援するautocomplete属性のいくつかの新しい属性値が追加されました。新しい値の1つであるnew-passwordは、ユーザーのnewパスワードをユーザーのcurrentパスワード。

フォームにユーザーが確認のために新しいパスワードを2回入力するときに、両方のフィールドに同じパスワードを生成するように適切に指示する方法は（== --- ==）ですsection-*？のように、両方の入力で同じカスタムautocomplete="new-password section-my-new-pw"プレフィックスを使用している可能性があります。仕様では、section-*接頭辞は autofill scope に影響を与えると述べていますが、それが私の場合に何を意味するかについては、あまり具体的ではありません。

これは、多くのWebサイトがすぐに使用するものを表すと思われるサンプルフォームです。これは、current-passwordとnew-passwordを区別し、ユーザーに新しいパスワードを確認させます。

<form>
    <p>Username             <input type="text"     autocomplete="username"         name="username"></p>
    <p>Current Password     <input type="password" autocomplete="current-password" name="current-password"></p>
    <p>New Password         <input type="password" autocomplete="new-password"     name="new-password"></p>
    <p>Confirm New Password <input type="password" autocomplete="new-password"     name="confirm-new-password"></p>
</form>

回答が、現在のブラウザーまたは拡張機能の動作についての観察とは対照的なドキュメントを参照している場合は、私は非常に好みます。

htmlautocompletepasswordsautofillchange-password
9
goat

確認入力でautocomplete = "new-password"を使用するだけです。また、パスワード入力で新しいパスワードを生成することを選択した場合、確認入力には即座に同じ値が入力されます。クロムでテストされています。

参照：

  1. クロームアドバイス
  2. html標準ディスカッション
7
Marvin