Skip input when press tab

Solution 1:

tabindex=0 property makes inputs skippable in case when other inputs have tabindex values above zero.

tabindex="-1" makes input completely skippable

Solution 2:

You can specify the tabbing order explicitly by setting the [tabindex] attribute:

_{without [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 -->

Skip input when press tab

Solution 1:

Solution 2:

Related

Recent Posts