HTML 表单输入选项卡选择

Question

我有一个 HTML 表单。

前两个输入字段是文本。第三个输入字段是用 2 个选项选择的。然后再次将两个输入字段作为文本如下：

1. 输入类型 = 文本字段
2. 输入类型 = 文本字段

3. 输入选择

   3.1 选项 1

   3.2 选项 2

4. 输入类型 = 文本字段
5. 输入类型 = 文本字段

现在，当我按 Tab 键时，它会按顺序排列。首先它是 1。然后当我按 Tab 键时光标转到 2。现在当我直接按 Tab 键时它转到 4 并跳过 3。我无法理解为什么会这样。有什么方法可以在我的选项卡选择中包含 3 并使用向下箭头我可以选择选项 1 或选项 2。

建议。谢谢。

Answer 1

使用 tabindex 属性

<input type="text" tabindex="1"/>
<input type="text" tabindex="2"/>
<select tabindex="3">
  <option>Option 1</option>
  <option>Option 1</option>
</select>
<input type="text" tabindex="4"/>
<input type="text" tabindex="5"/>