tabindex bei Formularfeldern

Heute mal wieder was technisches.

Wenn ich auf anderen Blogs kommentiere springe ich mit Hilfe der Tabulator-Taste von Eingabefeld zu Eingabefeld. Leider gibt es aber Blogs wo die Reihenfolge der Eingabefelder ziemlich durcheinander ist, so dass z.B. vom Eingabefeld “Name” nicht zu dem darunter liegenden Feld “E-Mail” gesprungen wird sondern meinetwegen ins Suchfeld. Das nervt mich total, da ich so ganz schnell die Orientierung verliere und meinen Cursor suchen muss.

Als ich Gestern das plugin “Twitterlink Comments” von Andy Baily installiert habe und danach manuell in meiner comments.php einbaute kam ich auf des Rätsels Lösung. Für die Reihenfolge der Eingabefelder ist nämlich der tag “tabindex” verantwortlich. Der Code für die vier Eingabefelder in meiner comments.php sieht z.B. wie folgt aus:

 />



 />









Mit der Angabe des tabindex stellt man also sicher, das nicht irgendwo hin gesprungen wird, wenn die Tabulator-Taste gedrückt wird, sondern schön brav zum nächsten Eingabefeld. Nur ein klein wenig Code aber ganz gewiss eine große Erleichterung für den Kommentierenden.

Ich hoffe, ich konnt wieder einmal zur allgemeinen Verwirrung beitragen!


4 Antworten auf tabindex bei Formularfeldern
  1. Andy Bailey   )
    sagt:

    once you start going into the theme code, there are all sorts of things you find out. I’m happy you got your tab index order sorted, it makes it much easier to comment! :) .-= Andy Bailey´s aktueller Artikel: New Premium Themes =-.

  2. Sven   )
    sagt:

    Danke für diese Info, dass es diese Möglichkeit gibt wusste ich bisher noch nicht. Werde meinen Blog mal daraufhin überprüfen ob es bei mir Ordentlich eingehalten wird oder nicht.

    Lieben Gruß
    Sven

  3. Luigi   )
    sagt:

    @ Andy Baily: thanks!

    @ Lutz: sicher auch eine sehr gute Möglichkeit, doch es gibt ja immer noch Leute die mit anderen Browsern unterwegs sind. Und ich will doch alle glücklich machen.

    @ Sven: Freut mich wenn ich helfen konnte!

Schreibe deine Meinung








:~ :ups: :roll: :p: :o :lol: :idea: :grin: :green: :eek: :devil: :bad: :arrow: :?: :; :8 :/ :)) :) :(( :( :!:

Meta

publiziert am 7. 10. 2009
Dieser Artikel wurde unter Tipps & Tricks, WordPress abgelegt und mit den Schlagwörtern , , versehen. Setze ein Lesezeichen auf den Permalink.


social


Wenn dir der Artikel gefällt stimme doch bitte für ihn ab.

Du kannst ihn auch über Twitter verbreiten, wenn er deine Zustimmung findet.




verwandte Artikel