saisie semi-automatique = nouveau-mot de passe et les faire confirmer en entrant à nouveau le mot de passe
html5 a maintenant de nouvelles valeurs d'attribut pour l'attribut autocomplete pour aider les agents utilisateurs lors du remplissage automatique des formulaires. L'une des nouvelles valeurs, new-password, Est utilisée pour indiquer à l'agent utilisateur d'entrer un nouveau mot de passe , par opposition au mot de passe de l'utilisateur mot de passe actuel .
Ce qui n'est pas clair pour moi cependant, c'est comment lui dire correctement de générer le même mot de passe pour les deux champs lorsque votre formulaire demande à l'utilisateur d'entrer le nouveau mot de passe deux fois comme confirmation? Peut-être en utilisant le même préfixe section-* Personnalisé sur les deux entrées, comme autocomplete="new-password section-my-new-pw"? La spécification mentionne le préfixe section-* Affectera le portée de remplissage automatique , mais ce n'est pas trop précis sur ce que cela signifie pour mon cas.
Voici un exemple de formulaire qui, j'imagine, représentera ce que de nombreux sites Web utiliseront bientôt - il distingue le current-password Du new-password, Et oblige l'utilisateur à confirmer le nouveau mot de passe.
<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>
Je préfère de beaucoup que les réponses fassent référence à une documentation opposée aux observations sur le comportement des navigateurs ou extensions actuels.
Utilisez simplement autocomplete = "new-password" à l'entrée de confirmation. Et si vous choisissez de générer un nouveau mot de passe dans l'entrée de mot de passe, l'entrée de confirmation est remplie instantanément avec la même valeur. Testé en chrome.
Référence: