TABキーを押した時に tabindex で指定した数値の小さなもの順にフォーカスが移動します。例えば下記の使用例では、キーボードで TABキーを押した際に、ボタン → セレクトボックス → テキストボックス の順にフォーカスが移動します。
HTML4.0以降、IE4.0 以降でサポートされています。IE5.0 からは、<b> や <p> など大半のタグで tabindex の指定が可能になりました。
IEのみの実装ですが、tabindex に -1 を指定すると、そのオブジェクトにフォーカスが移動しなくなります。
HTMLソース |
---|
<form action="#"> <input type="text" tabindex=3><br> <input type="button" tabindex=1 value="OK"><br> <select tabindex=2><option>XXX</select><br> </form> |
ブラウザ表示例 |
---|