tabindex=n - タブ順序制御

トップ > HTMLリファレンス > tabindex=n

■ 属性

<タグ名 tabindex=n> - タブ順序制御

■ 説明

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>

ブラウザ表示例




Copyright (C) 2000-2003 杜甫々
初版:2000年10月9日、最終更新:2003年2月9日
http://www.tohoho-web.com/html/attr/tabindex.htm