Attribut autocomplete

L'attribut autocomplete désactive la saisie automatique du formulaire.

La saisie automatique est une fonctionnalité où le navigateur propose de remplir un champ avec des données qui y ont été saisies précédemment. Cela peut parfois être gênant, car, par exemple, le navigateur pourrait suggérer votre identifiant ou mot de passe à un malfaiteur, etc. Pour les champs destinés à des informations secrètes, la saisie automatique doit être désactivée.

L'attribut autocomplete peut être utilisé pour bien plus que cacher des données sensibles. Par exemple, on peut désactiver la saisie automatique dans les réponses à des quiz. Ceci afin que lors d'un nouveau passage du quiz, le navigateur ne suggère pas les réponses (ce qui enlèverait tout l'intérêt du test).

On peut l'utiliser comme un attribut sans valeur, ou bien préciser l'une de ses valeurs.

Valeurs

Valeur	Description
`on`	La saisie automatique est activée (valeur par défaut).
`off`	La saisie automatique est désactivée.

Exemple

Activons la saisie automatique pour une input. Saisissez-y, par exemple, le mot "saisie_automatique" et cliquez sur le bouton d'envoi (ceci est obligatoire, car le navigateur ne mémorise que les mots envoyés). Ensuite, revenez à l'exemple et saisissez-y la lettre "s" - le navigateur vous suggérera le mot "saisie_automatique" et vous pourrez le sélectionner, sans avoir à le taper en entier :

<form action="">
	<input type="text" autocomplete="on" name="test">
	<input type="submit">
</form>

Exemple

Maintenant, désactivons la saisie automatique. Répétez les mêmes manipulations que dans l'exemple précédent, mais aucune suggestion n'apparaîtra :

<form action="">
	<input type="text" autocomplete="off" name="test">
	<input type="submit">
</form>

Voir aussi

la balise datalist,
qui crée une saisie automatique basée sur votre liste