HTML attribut autocomplete
Définition et Utilisation
L'attribut autocomplete spécifie si un formulaire ou un champ de saisie doit avoir l'autocomplétion activée ou désactivée.
L'autocomplétion permet au navigateur de prédire la valeur. Lorsque l'utilisateur commence à taper dans un champ, le navigateur doit afficher des options pour remplir ce champ, en fonction des valeurs précédemment saisies.
Astuce : Il est possible d'avoir l'autocomplétion "activée" pour le formulaire et "désactivée" pour des champs de saisie spécifiques, ou vice versa.
Remarque : L'attribut autocomplete fonctionne avec les types <input> suivants : texte, recherche, url, tel, email, mot de passe, sélecteurs de date, plage et couleur.
S'applique à
L'attribut autocomplete peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <form> | autocomplete |
| <input> | autocomplete |
Exemples
Exemple de Formulaire
Un formulaire avec l'autocomplétion activée :
<form action="/action_page.php" method="get" autocomplete="on">
Prénom :<input type="text" name="fname"><br>
E-mail : <input type="email" name="email"><br>
<input type="submit">
</form> Exemple de Champ de Saisie
Un formulaire HTML avec l'autocomplétion activée (et désactivée pour un champ de saisie) :
<form action="/action_page.php" autocomplete="on">
Prénom :<input type="text" name="fname"><br>
Nom : <input type="text" name="lname"><br>
E-mail : <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form> Support des Navigateurs
L'attribut autocomplete est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| form | Oui | Oui | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |