HTML - autofocuskenmerk
Definitie en gebruik
Het
autofocusattribuut is een booleaans attribuut.
Indien aanwezig, specificeert het dat het element automatisch de focus moet krijgen wanneer de pagina wordt geladen.
Geldt voor
Het
autofocusattribuut kan op de volgende elementen worden gebruikt:
| elementen | Attribuut |
|---|---|
| <knop> | autofocus |
| <invoer> | autofocus |
| <select> | autofocus |
| <tekstgebied> | autofocus |
Voorbeelden
Knop Voorbeeld
Een knop met autofocus:
<button type="button" autofocus>Click Me!</button>
Invoervoorbeeld
Laat het invoerveld "Voornaam" automatisch de focus krijgen wanneer de pagina wordt geladen:
<form action="/action_page.php">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
Voorbeeld tekstgebied
Een tekstgebied met autofocus:
<textarea autofocus>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Browserondersteuning
Het autofocusattribuut heeft de volgende browserondersteuning voor elk element:
| Element | |||||
|---|---|---|---|---|---|
| form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| textarea | Yes | 10.0 | 4.0 | Yes | Yes |