Fomularreihenfolge festlegen

HTML - Formulare - Fomularreihenfolge festlegenEin 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".
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.

This entry was posted in HTML. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *