HTML autofocus Attribut
Définition et Utilisation
L'attribut autofocus est un attribut booléen.
Lorsqu'il est présent, il indique que l'élément doit automatiquement recevoir le focus lorsque la page se charge.
S'applique à
L'attribut autofocus peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <button> | autofocus |
| <input> | autofocus |
| <select> | autofocus |
| <textarea> | autofocus |
Exemples
Exemple de Bouton
Un bouton avec autofocus :
<button type="button" autofocus>Cliquez Moi !</button> Exemple d'Input
Laissez le champ de saisie "Prénom" recevoir automatiquement le focus lorsque la page se charge :
<form action="/action_page.php">
Prénom : <input type="text" name="fname" autofocus><br>
Nom : <input type="text" name="lname"><br>
<input type="submit">
</form> Exemple de Textarea
Une zone de texte avec autofocus :
<textarea autofocus>
Sur formation-ti.org, vous apprendrez à créer un site web. Nous proposons des tutoriels gratuits dans toutes les technologies de développement web.
</textarea> Support des Navigateurs
L'attribut autofocus est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| textarea | Oui | 10.0 | 4.0 | Oui | Oui |