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é

firefoxFirefox safariSafari mobsafariSafari Mob chromeChrome operaOpéra ieIE androidAndroïd
Autofocus 4+ 5+ 5- 6+ 11+ 10+ 2.3-

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.