たとえば、Firefox では、select実際のサンプル ページhttp://cafe.bg14.com/purchases.phpの要素をタブで移動 できますが、タブの順序が遅いだけです。その理由は、tabindexすべてではなく一部のフォーム フィールドに属性を設定しているためです。属性のないものは最後になります。

すべての属性を削除するかtabindex(HTML マークアップでの自然なタブ順で問題ない場合)、すべてのフィールドと、タブに参加する必要があるその他の項目に属性を使用します。

また、使用する HTML のバージョンを決定した後、HTML W3C バリデーターを使用してマークアップを修正する必要があります。ページは XHTML 1.0 を宣言するようになりましたが、引用符で囲まれていない属性値と HTML5 機能を使用しています。thこれにより、要素が要素内にラップされていないなど、重大なマークアップ エラーがあることを確認することがより困難になりますtr。(HTML テーブル モデルを壊すと、レンダリングと機能の両方に影響を与える可能性があります。)

以下のコードを試してみてください。テストして動作しています。
私はあなたがあなたの質問で何を求めているかに基づいてそれに答えます.

<form action="#" method="post">
   <p><input type="text" name="first" tabindex="10" /></p>
   <p><input type="text" name="second" tabindex="20" /></p>
   <p>
      <select name="third" tabindex="30">
           <option value="foo">Foo</option>
           <option value="bar">Bar</option>
      </select>
   </p>
   <p>
      <select name="fourth" tabindex="40">
           <option value="foo">Foo</option>
           <option value="bar">Bar</option>
      </select>
   </p>
   <p><input type="text" name="fifth" tabindex="50" /></p>
   <input type="submit" value="Submit" tabindex="100" />
</form>