Fomularreihenfolge festlegen

  • 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! Erreichen kann man diesen Effekt durch das Verwenden des Attributes "tabindex". Dieses 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"> Kürze: <input type="text" size="40" name="kuerzel" maxlength="40" tabindex="3">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.