Définition et utilisation
L' autofocus attribut est un attribut booléen.
Lorsqu'il est présent, il précise que l'élément devrait obtenir automatiquement le focus lorsque la page se charge.
S'applique à
La autofocus au autofocus attribut peut être utilisé sur les éléments suivants:
| Éléments | Attribut |
|---|---|
| <button> | autofocus |
| <input> | autofocus |
| <keygen> | autofocus |
| <select> | autofocus |
| <textarea> | autofocus |
Exemples
Button Exemple
Un bouton avec autofocus:
<button type="button" autofocus>Click Me!</button>
Essayez - le vous - même » Input Exemple
Laissez le "First name" champ de saisie se concentrer automatiquement lorsque la page se charge:
<form action="demo_form.asp">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
Essayez - le vous - même » Keygen Exemple
Laissez le "Encryption" champ obtenir automatiquement l' accent chargement de la page:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" autofocus>
<input type="submit">
</form>
Essayez - le vous - même » Textarea Exemple
Une zone de texte avec autofocus au autofocus :
<textarea autofocus>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Essayez - le vous - même » support du navigateur
L' autofocus attribut a le support de navigateur suivant 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 |
| keygen | Oui | Non supporté | Non supporté | 6.0 | Oui |
| textarea | Oui | 10.0 | 4.0 | Oui | Oui |