按Tab键时跳过输入

Question

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

Answer 1

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

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

Answer 2

您可以通过设置[tabindex] attribute：

明确指定Tab键顺序 _{没有[tabindex]：}

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

_{with [tabindex]：}

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