autofocus

Das autofocus globale Attribut ist ein Boolean-Attribut, das angibt, dass ein Element beim Laden der Seite oder beim Anzeigen des <dialog>, zu dem es gehört, den Fokus erhalten soll.

html
<input name="q" autofocus />

Nicht mehr als ein Element im Dokument oder Dialog darf das autofocus-Attribut haben. Wenn es auf mehrere Elemente angewendet wird, erhält das erste den Fokus.

Hinweis: Das autofocus-Attribut gilt für alle Elemente, nicht nur für Formularelemente. Es kann zum Beispiel auf einem contenteditable Bereich verwendet werden.

Barrierefreiheitsbedenken

Das automatische Fokussieren eines Formularelements kann sehbehinderte Personen, die Bildschirmlesetechnologie verwenden, und Menschen mit kognitiven Beeinträchtigungen verwirren. Wenn autofocus zugewiesen ist, "teleportieren" Bildschirmleser ihre Benutzer zum Formularelement, ohne sie vorher zu warnen.

Berücksichtigen Sie sorgfältig die Barrierefreiheit, wenn Sie das autofocus-Attribut anwenden. Das automatische Fokussieren auf ein Element kann dazu führen, dass die Seite beim Laden scrollt. Der Fokus kann auch dazu führen, dass auf einigen Touch-Geräten dynamische Tastaturen angezeigt werden. Während ein Bildschirmleser das Label des Formularelements mit Fokus ankündigt, wird der Bildschirmleser nichts vor dem Label ansagen, und der sehende Benutzer auf einem kleinen Gerät wird gleichermaßen den Kontext verpassen, der durch den vorhergehenden Inhalt erstellt wird.

Spezifikationen

Specification
HTML
# dom-fe-autofocus

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
autofocus

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
See implementation notes.
Has more compatibility info.