Sie sind hier: Home > HTML & CSS > Fomularreihenf...

Fomularreihenfolge festlegen

Stand vom 16.02.2002
Ein Formular hat bekanntlich meist viele Felder. Durch das Drücken der Tab-Taste kann man von einem Feld in das nächste "Hüpfen" oder einfach wechseln. Sie können diese Reihenfolge auch explizit festlegen!

Fachbegriffe
 Linktipps
Werbung  GPS Navigation   Webhosting inkl. Domain   AWD Erfahrung
Erreichen kann man diesen Effekt durch das Verwenden des Attributes "tabindex".
Diese gibt den Feldern, Buttons, Textareas oder Auswahlfeldern eine feste Nummer, die die Reihenfolge darstellt.

Ein kleines Beispiel:


Name:
Kürzel:
Vorname:


Der Quellcode dieses Beispiels sieht so aus:

Name:
<input type="text" size="40" name="name" maxlength="40" tabindex="1">
<br>
Kürze:
<input type="text" size="40" name="kuerzel" maxlength="40" tabindex="3">
<br>
Vorname:
<input type="text" size="40" name="vorname" maxlength="40" tabindex="2">

<input type="button" value="Senden" tabindex="4">

Bei diesem Beispiel wird das Feld in welches man den Familiennamen einträgt als erstes ausgewählt. Das zweite Feld wäre dann die Eingabe für den Vornamen, usw.

(tf)