TABキーによる移動順序を指定する

[新着] Webテンプレートを仮オープンしました


tabindex=""

ブラウザ
Internet Explorer Netscape6 Firefox Opera7

この属性を指定すると、TABキーによるフォーカスの移動順序を指定することができます。


<*** tabindex="1"> 〜 </***>


tabindex="" 任意の数字を指定します(1から順に)

小さい数字から順にフォーカスが移動していきます。

【指定できるタグ】

この属性は、リンクやフォームの部品などで使用することができます。

aareainputtextareabuttonselectobject


使用例

下から上にフォーカスを移動する場合

<form method="POST" action="example.cgi">

<p>お名前(5):<input type="text" name="name" tabindex="5"></p>

<p>フリガナ(4):<input type="text" name="fname" tabindex="4"></p>

<p>住所(3):<input type="text" name="address" tabindex="3"></p>

<p>E-Mail(2):<input type="text" name="email" tabindex="2"></p>

<p>
コメント(1):<br>
<textarea name="message" cols="50" rows="5" tabindex="1"></textarea>
</p>

</form>

これをブラウザで見ると次のように表示されます

お名前(5):

フリガナ(4):

住所(3):

E-Mail(2):

コメント(1):



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版