WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > タグ・属性対応表 > 属性の説明

tabindex 「フォーカス移動順の指定」[読み方:タブインデックス]

tabindex属性は、タブキーによるフォーカスの移動順を指定します。通常は、フォーカスされない表示項目等にも指定可能です。

HTML規格HTML4.01HTML5
使用可否
広告

tabindex の属性値

意味注意事項
0以上の整数タブキーによるフォーカスの移動順を昇順に指定0は昇順に含まれず、
通常のタブキーによる移動順となる
負の整数タブキーによるフォーカスの移動なし。
クリックによるフォーカス可能
ページTOP

tabindex のサンプル

<a href="http://www.cman.jp/" target="_blank">
cmanインターネットサービスへ(tabindex指定なし)</a>

<input type="text" name="in02" size="15" maxlength="20" tabindex="3">
tabindex=3を指定

<textarea name="in03" cols="50" rows="3" maxlength="150"tabindex="1">
tabindex=1を指定</textarea>

<p tabindex="0">tabindex=0を指定</p>
<p tabindex="2">tabindex=2を指定</p>
cmanインターネットサービスへ(tabindex指定なし)
 tabindex=3を指定

tabindex=0を指定

tabindex=2を指定

ページTOP

留意事項

  • tabindexに指定する値は、必ずしも連番で指定する必要はありません。また、同じ値が指定された場合は、画面の上から下の順で移動します。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン