HTML/Attribute/autofocus

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld.. Nutzer können So gleich mit der Eingabe beginnen.

erlaubte Werte

keine

default-Wert
erlaubt in button, input, select, textarea
Browsersupport Details bei caniuse.com: {{{caniuse}}}
Beispiel 
<input type="text" name="nachname" autofocus>
Der cursor springt beim Laden der Seite auf das Eingabefeld.
Beachten Sie: Die HTML Spezifikation legt pro Element mit autofocus-Attribut das „innerste Autofocus-Scope bildende Element“ fest. Um dieses Scope bildende Element zu finden, wird ab dem Element selbst die Kette der Elternelemente durchsucht. Die Suche endet beim ersten dialog-Element (d. h. ein dialog-Element mit autofocus-Attribut gehört zu seinem eigenen Autofocus-Scope). Wird keines angetroffen, bildet das Dokumentelement den Scope. Die Regel für gültiges HTML besagt nun, dass es in einem Dokument keine zwei Elemente mit autofocus-Attribut geben darf, die das gleiche innerste Autofocus-Scope bildende Element aufweisen.
Auf iPhones und iPads wirkt autofocus nicht und zeigt die Tastatur nicht an, wenn sie außerhalb von Touch-Events verwendet wird.[1]
Empfehlung: Wenn Sie den Fokus automatisch in ein form-Element setzen, fehlen sehbehinderten Nutzern möglicherweise Informationen zum Zweck des Formulars, die davor notiert sind, weil ein Screenreader diesen Teil eventuell nicht vorliest, wenn der Cursor sofort im Formular steht. Sie können dem entsprechenden Element das Attribut aria-describedby hinzufügen, damit ein Screenreader eine einleitende Information beachtet.

Siehe auch

Weblinks

  1. ↑ : bugs.webkit: Autofocus on input (IPhone)
    We (Apple) like the current behavior and do not want programmatic focus to bring up the keyboard when you do not have a hardware keyboard attached and the programmatic focus was not invoked in response to a user gesture. Why you may ask...because auto bringing up the software keyboard can be seen as annoying and a distraction to a user.
    Wir (Apple) mögen das aktuelle Verhalten und wollen nicht, dass der programmatische Fokus die Tastatur aufruft, wenn keine Hardware-Tastatur angeschlossen ist und der programmatische Fokus nicht als Reaktion auf eine Benutzergeste aufgerufen wurde. Warum, werden Sie sich fragen... weil das automatische Aufrufen der Software-Tastatur als störend und ablenkend für den Benutzer angesehen werden kann.
Liste der HTML-Attribute
Abgerufen von „http://wiki.selfhtml.org/index.php?title=HTML/Attribute/autofocus&oldid=98919“