Wie behandelt Tabindex in komplexer Form?

Question

Ich brauche Tabindex für den Zugriff auf die Felder. In der Form gibt es zwei Optionsfelder, die die eine oder andere Feldgruppe aktivieren. Eines der Felder in einer Gruppe ist ein Widget mit einer komplexen Funktionalität, die mit Javascript implementiert ist.

Meine Form ist so etwas wie dieses:

[ input 1 ] 
[ input 2 ] 

(radio button RB1) ---| <--| 
         | | 
[ input A1 ]   | | 
[ custom widget A2 ] | | 
----------------------| | these radio buttons alternatively switch 
          | the inputs groups 
          | enabling/disabling the fields 
          | 
(radio button RB2) ---| <--| 
         | 
[ input B1]   | 
[ input B2]   | 
----------------------| 

Mögliche Ströme:

[1][2] ----| 
     (RB1) -> [A1][A2] 
      | 
      | 
     (RB2) -> [B1][B2] 

Wie soll ich bei jedem Feld tabindex-Attribut gesetzt?

Answer 1

Bei der Verwendung von tabindex wird empfohlen, eine Lücke zwischen den einzelnen Elementen zu haben, damit Sie Elemente in Zukunft in das Formular einfügen können. In Ihrem Fall sollten Sie die am meisten priorisierten definieren.

Also für Sie sollten Sie tabindex Werte zu jedem der Eingabeelemente hinzufügen, die die Priorität replizieren, die Sie benötigen. der niedrigste Wert ist der Ausgangspunkt.

Tutorial beim Hinzufügen von Registerkarten richtig.

Für ein Beispiel, sagen Sie, dass Sie die Kontrollkästchen die höchste Priorität haben müssen. Dann müssen Sie ihnen einen niedrigen Wert zuweisen. wie 1 und 2, die sie zu den am meisten priorisierten Elementen auf der Seite machen!