Web Formulaires HTML5 – Autofocus

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 ‘autofocus’, permettant de positionner par défaut le curseur sur un élément particulier du formulaire.

Autofocus

Au chargement du document, le curseur se positionne sur un élément particulier du formulaire.

Dans l’exemple ci-dessous, c’est le 2e champ et non pas le premier qui bénéficie du focus:




La syntaxe est d’une simplicité à toute épreuve:

<input type="text" autofocus>

Cet attribut s’applique à tous les éléments.

Compatibilité

firefoxFirefoxsafariSafarimobsafariSafari MobchromeChromeoperaOpéraieIEandroidAndroïd
Autofocus4+5+5-6+11+10+2.3-

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *