Question

I have a form where there are three input boxes with three drop down select tags beside them. I want to be able to press the tab key and go from one input to another, but you have to press it twice because it goes to the drop down menu after the input box. Is there a way I can make it “skip over” the drop down menu and go right to the next input box when you press tab?

Answer 1

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