按Tab键时跳过输入

Question

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

Answer 1

tabindex=0 如果其他输入的tabindex值大于零,则属性使输入可跳过.

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

Answer 2

您可以通过设置[tabindex]属性明确指定Tab键顺序:

_{没有[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 -->