複雑なフォームでtabindexを処理する方法は？

Question

フィールドにアクセスするにはtabindexを使用する必要があります。フォームには、1つまたは他のフィールドグループを有効にする2つのラジオボタンがあります。グループ内のフィールドの1つは、javascriptで実装された複雑な機能を備えたウィジェットです。

私のフォームは、このようなものです：

[ 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]   | 
----------------------| 

可能なフロー：

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

私は、各分野でのtabindex属性を設定する必要がありますどのように？

Answer 1

tabindexを使用している場合は、各要素間にギャップを設けて、今後フォームに要素を挿入できるようにすることをお勧めします。あなたの場合は、最も優先度の高いものを定義する必要があります。

したがって、必要な優先度を複製する各入力要素にtabindex値を追加する必要があります。最低値を出発点とする。

Tutorialタブインデックスを正しく追加してください。

たとえば、チェックボックスを最も優先する必要があるとします。次に、それらに低い値を割り当てる必要があります。 1と2のように、ページ内で最も優先順位の高い要素になります。