Skip input when press tab

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

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

tabindex="-1" makes input completely skippable

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