Les navigateurs et les gestionnaires de mots de passe peuvent remplir des champs communs lorsque le balisage identifie les informations attendues. Les jetons de saisie semi-automatique sont des indices sémantiques et non du texte d'espace réservé.
<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email">
<label for="postal">Postal code</label>
<input id="postal" name="postal" autocomplete="postal-code">Choisissez le jeton qui correspond aux données
- Utilisez le nom, l'e-mail, le téléphone, l'adresse postale et le code postal pour leurs valeurs correspondantes.
- Utilisez le mot de passe actuel et le nouveau mot de passe pour distinguer la connexion de la création de compte.
- Conservez une étiquette visible et un attribut de nom stable ; la saisie semi-automatique ne remplace ni l'un ni l'autre.
Ne combattez pas le navigateur
Évitez de désactiver la saisie automatique pour les formulaires de contact et de connexion ordinaires. Testez avec la navigation au clavier et un gestionnaire de mots de passe, et vérifiez que chaque valeur suggérée atterrit dans le bon champ.
Une sémantique de formulaire claire réduit la saisie et les erreurs pour les visiteurs. Ils permettent également aux outils automatisés de mieux comprendre la page, sans transformer un formulaire en appât pour les moteurs de recherche.