Question

默认标签索引不适用于单选按钮，可以与其他HTML组件（例如，复选框，文本框等。

下面的基本代码不适用于单选按钮选项卡索引，但可以与复选框一起使用。

Add source roots to PYTHONPATH

https://jsfiddle.net/wtyg7cLz/

谢谢:)

Answer 1

基本上，单选按钮是一个组，可以充当单个元素，因为它仅保留单个值。转到广播组将带您进入第一项，然后使用箭头键在该组中导航。...

Answer 2

当您为比率按钮分配相同的名称时，它将您像一个控件一样对待。但是，当您不选择任何人时，您可以先关注一个人，然后使用箭头按钮选择要选择的人。

可以通过以下方式将焦点移至广播组：Tab键，Access键或   定位标签的助记符激活标签（通过   辅助技术机制）

Tab键可在单选按钮组和其他小部件之间移动焦点。

当焦点位于组上且未选择任何单选按钮时：选项卡   按键将焦点移到组中的第一个单选按钮，但是   不要选择单选按钮。按住Shift + Tab键可将焦点移至   该组中的最后一个单选按钮，但未选择该单选按钮。

来源：https://www.w3.org/wiki/RadioButton

Answer 3

如 @Just Code 所述：

当您为比率按钮分配相同的名称时，它将您像一个控件一样对待。但是，当您不选择任何人时，您可以先关注一个人，然后使用箭头按钮选择要选择的人。

对于成组的单选按钮，如果它们具有相同的名称，则更改焦点将起作用或使用箭头键（例如，向右，向左，向上，向下）导航。这是单选按钮的默认行为，最好离开默认情况下。如果您更喜欢选项卡控件，那么我想您必须使用javascript来实现它，因为如果给它们提供不同的名称，用户可以选择所有不同的单选按钮

Answer 4

enter code here

<div class="box">
  <input type="radio" name="rdgroup" tabindex="1">H
  <input type="radio" name="rdgroup" tabindex="2">E
  <input type="radio" name="rdgroup" tabindex="3">L
</div>


<div class="box">
  <input type="checkbox" name="ckgroup">W
  <input type="checkbox" name="ckgroup">O
  <input type="checkbox" name="ckgroup">R
</div>

在第一个单选按钮元素获得焦点之后，您可以使用tabindex属性获得解决方法，然后用户可以使用箭头键（默认）选择所需的选项。

请检查以下链接以获取更多详细信息。 https://www.w3schools.com/tags/att_global_tabindex.asp

单选按钮选项卡排序

4 个答案: