Web Formulaires HTML5 Autocomplete

La spécification HTML5 introduit de nombreuses évolutions au niveau des formulaires, afin de mettre en place de nouveaux comportements. Intéressons-nous aujourd’hui à l’attribut autocomplete, permettant de gérer par défaut l’auto-complétion sur un élément particulier du formulaire.

Attribut HTML5 autocomplete

L’attribut autocomplete définit la façon dont l’auto-complétion du navigateur doit agir sur le champ.
L’auto-complétion peut être soit activée (on) soit désactivée(off).

Exemple pour l’attribut HTML5 autocomplete:

Auto-complétion désactivée
Auto-complétion activée

Remplissez ces deux champs puis validez le formulaire. Puis rechargez cette page et recommencez la saisie pour observer l’auto-complétion sur le second champ uniquement.
La syntaxe est vraiment très simple:

<input type="search" name="recherche" autocomplete="on" >

L’attribut autocomplete s’applique aux types d’input suivants : text, search, url, tel, email, password, datepickers, range, and color.

Compatibilité de l »attribut HTML5 autocomplete avec les navigateurs

FirefoxSafariSafari MobChromeOpéraIEAndroïd

Autocomplete	4+	5+	4+	10+	11.50	10+	2.3+

Et ensuite ?

Vous pouvez consultez la documentation sur le site du W3C concernant l’attribut autocomplete.

Dans l’article suivant de cette série, nous nous intéresserons à l’attribut pattern, qui spécifie une expression régulière JavaScript.