HTML全局属性tabindex

2018-01-05 13:58 更新

HTML全局属性tabindex

tabindex属性控制Tab键在其中移动焦点的Tab顺序HTML页面，覆盖默认顺序。

句法

<element tabindex="number">

属性值

number: tab index

浏览器兼容性


`tabindex`	Yes	Yes	Yes	Yes	Yes

例子

<!DOCTYPE HTML>
<html>
<body>
    <form>
        <label>Name:  <input type="text"  name="name" tabindex="1"/></label>
        <p/>
        <label>City:  <input type="text"  name="city" tabindex="-1"/></label>
        </p>
        <label>Country: <input type="text"  name="country" tabindex="2"/></label>
        </p>
        <input type="submit" tabindex="3"/>
    </form>
</body>
</html>

Click to view the demo

将选择的第一个元素是tabindex值为1的元素。当用户按Tab键时，将选择tabindex为2的元素，依此类推。

tabindex值为-1确保在用户按Tab键时不会选择元素。

以上内容是否对您有帮助：