Definition und Verwendung
Das autofocus - Attribut ist ein boolean - Attribut.
Wenn sie vorhanden sind, gibt es, dass das Element den Fokus automatisch erhalten sollte die Seite geladen wird.
Gilt für
Das autofocus - Attribut kann auf die folgenden Elemente verwendet werden:
| Elements | Attribut |
|---|---|
| <button> | autofocus |
| <input> | autofocus |
| <keygen> | autofocus |
| <select> | autofocus |
| <textarea> | autofocus |
Beispiele
Button - Beispiel
Eine Schaltfläche mit Autofokus:
<button type="button" autofocus>Click Me!</button>
Versuch es selber " Input
Lassen Sie das Feld "First name" Eingabefeld den Fokus automatisch erhalten , wenn die Seite geladen wird :
<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>
Versuch es selber " Keygen Beispiel
Lassen Sie die "Encryption" Feld den Fokus automatisch erhalten , wenn die Seite geladen wird :
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" autofocus>
<input type="submit">
</form>
Versuch es selber " Textarea Beispiel
Ein Textbereich mit autofocus :
<textarea autofocus>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Versuch es selber " Browser-Unterstützung
Das autofocus - Attribut hat folgenden Browser - Unterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
| keygen | ja | Nicht unterstützt | Nicht unterstützt | 6.0 | ja |
| textarea | ja | 10.0 | 4.0 | ja | ja |