更新时间:2014年9月2日

tabindex属性(标签索引)

tabindex="整数"

使用tabindex内容属性指定数字,实现元素锁定。所谓的元素锁定,就是按下Tab键时,光标会跳至锁定的该当元素,需要注意的是,该功能受到用户环境的制约。在html5中使用Tab键在该当锁定元素之间进行跳转的机制称为顺序锁定导航(Sequential focus navigation)

tabindex内容属性除了在表单控件、超链接中使用,还可以作为其它元素的内容属性使用。

该元素的值只能是整数。通常为1以上的整数。当作为顺序锁定导航时,将优先使用该属性指定的正整数,且从小到大依次移动。该属性不仅可以作为顺序锁定导航,还可以锁定某一该当元素。

tabindex内容属性的值指定为负整数时

tabindex内容属性可以指定负整数。但是这种情况下,该当元素可以锁定,但不能作为顺序锁定导航的锁定对象。

指定了负整数时,按Tab键不会有反应,锁定不会移动到该当元素上。但是,当使用鼠标点击该当元素领域时,能够实现锁定目标。

当不需要作为顺序锁定导航,又需要锁定某个元素时,可以使用负整数。

使用例

<p contenteditable="true" tabindex="1" style="padding:2px;">此处可编辑</p>

<p tabindex="2" style="padding:2px;">此处不能编辑</p>

<p tabindex="-1">指定了负整数</p>

浏览器上的显示结果↓



此处可编辑

此处不能编辑

指定了负整数

浏览器支持情况

属性
tabindex 8.0 11 3.6 6.1 23.0