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.

Bookmark setzen... These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Bloglines
  • MisterWong
  • MySpace
  • Reddit
  • SEOigg
  • Technorati
  • TwitThis
  • Y!GG
  • Google Bookmarks

Weiterführende Links: