HTML5-Handbuch - die neuen Features von HTML5

höchsten.
    Tastaturkürzel
    Mit dem Attribut
accesskey
können Sie ein Zeichen auf der Tastatur bestimmen, das der Anwender drücken kann, um ein Formularelement direkt anzuspringen ( accesskey = Zugriffstaste). Geben Sie bei
accesskey
nur einen Buchstaben an. Die eigentliche Tastenkombination muss ein Anwender je nach Browser kennen. In einigen Browsern muss die Alt
-
und die Taste mit dem Buchstaben gedrückt werden, in Opera die Tastenkombination Shift Esc , in Safari die Taste Ctrl und in Firefox die Tastenkombination Alt - Shift . Bei Formularen ist das Attribut
accesskey
in den Tags

,
<br />,<br /><label><br />,<br /><legend><br />oder<br /><button><br />erlaubt.<br />    Autofocus<br />    Durch das Standalone-Attribut<br />autofocus<br />können Sie dasjenige Formularelement bestimmen, das auf jeden Fall zuerst den Fokus erhalten soll, wenn die Webseite geladen ist. Wenn es ein Texteingabefeld ist, wird der Eingabecursor in das so ausgezeichnete Feld gesetzt. Da nur ein Feld das erste sein kann, dürfen Sie das<br />autofocus<br />-Attribut nur einmal im HTML-Dokument notieren.<br />    Platzhaltertext<br />    Mit dem<br />placeholder<br />-Attribut können Sie ein Feld mit einem demonstrativen Wert vorbelegen, der jedoch nicht übertragen wird, falls der Anwender nichts in das Feld eingibt und das Formular absendet ( placeholder = Platzhalter). Gedacht ist das Attribut dazu, das Format erwünschter Eingaben in einem Feld an einem Muster vorzugeben. Oder um dem Anwender die Bedeutung eines Felds, das sonst keine Feldbeschriftung hat, zu vermitteln. Der Platzhalterwert wird meist sichtbar anders dargestellt als ein vom Anwender selbst eingegebener Wert. Der Platzhalterwert verschwindet, sobald der Eingabecursor in das Feld gesetzt wird. Gibt ein Anwender in einem solchen Feld nichts ein und verlässt es wieder, erscheint der Platzhaltertext automatisch wieder.<br />    Um auch in älteren Browsern, welche nicht HTML5-konform sind, diese Funktionalität zu realisieren, muss ein kurzes JavaScript erstellt werden. Dazu wird im<br />value<br />-Attribut der Platzhaltertext notiert. Die beiden Event-Handler<br />onfocus<br />und<br />onblur<br />dienen zum Löschen bzw. zum erneuten Anzeigen des Platzhaltertextes.<br />Beispiel<br />    <input type="text" name="Vorname" size="30"<br />    value="Geben Sie ihren Vornamen ein"<br />    onfocus="if (this.value=='Geben Sie ihren Vornamen ein')<br />    {this.value='';}"<br />    onblur ="if (this.value == '')<br />    {this.value='Geben Sie ihren Vornamen ein';}"><br />    Autovervollständigungsfunktion<br />    Mit<br />autocomplete="off"<br />können Sie die Autovervollständigungsfunktion moderner Browser unterdrücken. Mit<br />autocomplete="on"<br />können Sie die Funktion explizit wieder einschalten. Sinnvoll ist das, da das Attribut sowohl im einleitenden<br /><form><br />-Tag als auch in<br /><input><br />-Feldern für Texteingabe erlaubt ist. Wenn Sie<br />autocomplete="off"<br />im<br /><form><br />-Tag notieren, gilt die Unterdrückung im gesamten Formular. Mit<br /><input autocomplete="on"><br />können Sie die Funktion für einzelne Elemente wieder zulassen.<br />Weitere Hinweise<br />    Die beiden Attribute<br />tabindex<br />und<br />accesskey<br />sind eigentlich keine formularspezifischen Attribute, sondern auf jedes Element anwendbar, das in irgendeiner Form den Fokus erhalten kann. Dazu zählen auch Hyperlinks oder Image-Maps.<br />    Die Attribute<br />autofocus<br />,<br />placeholder<br />und<br />autocomplete<br />wurden erst mit HTML5 eingeführt. Sie werden von älteren Browsern überhaupt nicht interpretiert. Zum Redaktionszeitpunkt sind alle bekannten Browser in der aktuellen Version in der Lage, diese Attribute umzusetzen.<br />    Wenn Sie die Attribute<br />autofocus<br />und<br />placeholder<br />kombiniert verwenden, wird der Platzhaltertext zunächst nicht angezeigt, weil das Element sofort den Fokus hat.<br />Referenzinformationen<br />    Attributreferenz<br />tabindex<br />,<br />    Attributreferenz<br />accesskey<br />:<br /><br />    Attributreferenz<br />autofocus<br />,<br />    Attributreferenz<br />placeholder<br />:<br /><br />    Attributreferenz<br />autocomplete<br />:<br /><br />8.3.5      Verwendete Schreibrichtung mitsenden<br />HTML5 baut die Unterstützung für Sprachen mit anderen Schreibrichtungen konsequent aus. Zu den Feinheiten dabei gehört auch, die verwendete Schreibrichtung von Benutzereingaben in Formularfeldern mit zu übertragen, sofern das für die Erkennung und Verarbeitung der Daten von Bedeutung ist.<br />Beispiel<br />    <p><label>Name:<br><br />    <input type="text" name="user_name" dirname="user_name_dir"></label></p><br />    <p><label>Nachricht:<br><br />    <textarea cols="80" rows="10" name="user_text<br />    dirname="user_text_dir">

Erläuterung
    Das Attribut
dirname
kann in einem
input
- oder einem einleitenden
textarea
-Tag notiert werden. Als Wert wird ihm