更改 Html 页面中单选按钮组的 Tab 键顺序

Question

如果我在网页上有两个单选按钮组（使用 name 属性分组），是否可以在使用 TAB 时更改它们的移动顺序钥匙？

<input type="radio" name="group1" value="1">One<br/>
<input type="radio" name="group1" value="2">Two<br/>
<input type="radio" name="group1" value="3">Three<br/>
<br/>
<input type="radio" name="group2" value="a">A<br/>
<input type="radio" name="group2" value="b">B<br/>
<input type="radio" name="group2" value="c">C<br/>

https://jsfiddle.net/Wholesaler/4xqcoz3p/

在上面的标记中，我有两个组。当按下 TAB 时，上组将聚焦，再次按下时焦点移动到下组。我的问题是是否可以覆盖此默认顺序，以便首先关注较低的组。

澄清一下，我不想在每个组中的各个单选按钮之间使用 TAB 键，只需更改它们所属组的 Tab 键顺序即可。

Answer 1

tabIndex 就是为了这个目的。

检查 fiddle https://jsfiddle.net/stdeepak22/r3sphzvf/

更改 Html 页面中单选按钮组的 Tab 键顺序

Change the tab order of radio button groups in Html Page

c#

asp.net

webforms