2017-02-21 64 views
1

我需要使用tabindex來訪問這些字段。在表單中有兩個單選按鈕,用於啓用一個或其他字段組。一個組中的一個字段是一個具有用javascript實現的複雜功能的小部件。如何處理複雜形式的tabindex?

我的形式是這樣的:

[ 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屬性?

回答

2

使用tabindex時,建議在每個元素之間留有空隙,以便將來可以將元素注入到表單中。在你的情況下,你應該定義最優先的。

因此,對於您,您應該將tabindex值添加到每個複製所需優先級的輸入元素。最低值是起點。

Tutorial正確添加選項卡索引。

例如,假設您需要最優先的複選框。然後你必須給他們分配一個低值。如1和2,這將使它們成爲頁面中最優先的元素!

+0

哪個tabindex,你認爲應該在該圖中的每個字段? – AntonioRomero

+0

這取決於你的要求!看到更新的答案! –