Attribut autocomplete de l'HTML <input>
Définition et utilisation
autocomplete
Cette propriété spécifie si le champ d'entrée doit activer l'auto-complétion.
L'auto-complétion permet à un navigateur de prédire les valeurs. Lorsque l'utilisateur commence à saisir du contenu dans un champ, le navigateur doit afficher les options utilisées pour remplir ce champ en fonction des valeurs précédemment saisies.
Attention :autocomplete
Cette propriété s'applique aux types d'entrée suivants :
- text
- search
- url
- tel
- password
- datepickers
- range
- color
Exemple
Un formulaire HTML avec auto-complétion activé, comprenant un champ d'entrée avec désactivation de l'auto-complétion :
<form action="/action_page.php" autocomplete="on"> <label for="fname">Nom:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Prénom:</label> <input type="text" id="lname" name="lname"><br><br> <label for="email">Email :</label> <input type="email" id="email" name="email" autocomplete="off"><br><br> <input type="submit"> </form>
Syntaxe
<input autocomplete="on|off">
Valeur de l'attribut
Valeur | Description |
---|---|
on | Par défaut. Définir le mode d'auto-complétion ouvert (activé). |
off | Définir le mode d'auto-complétion fermé (désactivé). |
Prise en charge du navigateur
Les numéros dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété pour la première fois.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
Astuce :Dans certains navigateurs, vous devrez peut-être activer manuellement la fonction d'auto-complétion (consultez le menu "Préférences" du navigateur).
Remarque :autocomplete
Les attributs sont de nouvelles attributs dans HTML5.