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 属性

来解决此问题

＆＃13;

＆＃13;

<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"/>

＆＃13;

＆＃13;

＆＃13;