Пропустить ввод при нажатии вкладки

У меня есть форма, где есть три поля ввода с тремя выпадающими тегами выбора рядом с ними. Я хочу иметь возможность нажимать клавишу табуляции и переходить от одного входа к другому, но вам нужно нажать его дважды, потому что он переходит в раскрывающееся меню после поля ввода. Есть ли способ заставить его "пропустить" раскрывающееся меню и перейти к следующему полю ввода при нажатии вкладки?

Ответ 1

Вы можете явно указать порядок табуляции, установив атрибут [tabindex]:

_{без [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 -->

Ответ 2

tabindex=0 свойство делает входы пропускаемыми, если другие входы имеют значения tabindex выше нуля.

tabindex="-1" делает input полностью пропускаемым