按 Tab 时跳过输入答案

【问题标题】：Skip input when press tab按 Tab 时跳过输入
【发布时间】：2012-11-17 22:02:28
【问题描述】：

我有一个表单，其中有三个输入框，旁边有三个下拉选择标签。我希望能够按 Tab 键并从一个输入转到另一个，但是您必须按两次，因为它会进入输入框之后的下拉菜单。有没有办法让它“跳过”下拉菜单并在您按 Tab 时直接进入下一个输入框？

【问题讨论】：

旧的tabIndex 属性怎么样？ w3.org/TR/1999/REC-html401-19991224/interact/…

标签： html

【解决方案1】：

tabindex=0 属性使输入可跳过，以防其他输入的 tabindex 值大于零。

tabindex="-1" 使 input 完全可以跳过

【讨论】：

@j08691 除了给标签索引编号之外，他还提供了另一个选项
@eshellborn - 看起来与我和 zzzzBov 给出的建议完全相同。
这是不正确的。 tabindex=0 告诉浏览器自己计算 tab 顺序，而 tabindex=-1 会让它跳过
对于动态生成的输入（例如 ngModel），您希望始终跳过一个特定输入（例如表格中的一列），“最佳答案”不是一个好的答案。 @elDude 的回答一针见血，这让我感到困惑，为什么有人会质疑它的用处

【解决方案2】：

您可以通过设置[tabindex] attribute 来明确指定跳转顺序：

_{没有[tabindex]:}

<input type="text" />     <!-- first -->
<input type="checkbox" /> <!-- second -->
<select>...</select>      <!-- third -->

_{与[tabindex]:}

<input type="text" tabindex="1" />      <!-- first -->
<input type="checkbox" tabindex="3" /> <!-- third -->
<select tabindex="2">...</select>      <!-- second -->

【讨论】：