Attribut de saisie semi -automatique HTML
Définition et utilisation
L'
autocompleteattribut spécifie si un formulaire ou un champ de saisie doit avoir la saisie semi-automatique activée ou désactivée.
La saisie semi-automatique permet au navigateur de prédire la valeur. Lorsqu'un utilisateur commence à taper dans un champ, le navigateur doit afficher des options pour remplir le champ, en fonction des valeurs saisies précédemment.
Conseil : Il est possible d'avoir la saisie semi-automatique "activée" pour le formulaire et "désactivée" pour des champs de saisie spécifiques, ou vice versa.
Remarque : L'
autocompleteattribut fonctionne avec les
<input>types suivants : texte, recherche, URL, téléphone, e-mail, mot de passe, sélecteurs de date, plage et couleur.
S'applique à
L'
autocompleteattribut peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <forme> | Saisie automatique |
| <entrée> | Saisie automatique |
Exemples
Exemple de formulaire
Un formulaire avec saisie semi-automatique sur :
<form action="/action_page.php" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
Exemple d'entrée
Un formulaire HTML avec saisie semi-automatique activée (et désactivée pour un champ de saisie) :
<form action="/action_page.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
Prise en charge du navigateur
L' autocompleteattribut est compatible avec les navigateurs suivants pour chaque élément :
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |