如何处理复杂形式的tabindex？

Question

我需要使用tabindex来访问字段。在表单中有两个单选按钮，可以启用一个或其他字段组。组中的一个字段是具有使用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，这将使它们成为页面中最优先的元素！