html - タブを押したときに入力をスキップする

Question

横に 3 つのドロップダウン選択タグが付いた 3 つの入力ボックスがあるフォームがあります。タブキーを押してある入力から別の入力に移動できるようにしたいのですが、入力ボックスの後にドロップダウンメニューに移動するため、2 回押す必要があります。タブを押したときにドロップダウンメニューを「スキップ」して次の入力ボックスに移動する方法はありますか?

Answer 1

tabindex=0プロパティは、他の入力の tabindex 値がゼロより大きい場合に、入力をスキップ可能にします。

tabindex="-1"input完全にスキップ可能にする

Answer 2

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