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é
Firefox | Safari | Safari Mob | Chrome | Opéra | IE | Androïd | |
Autofocus | 4+ | 5+ | 5- | 6+ | 11+ | 10+ | 2.3- |