阅读(1575) (0)

HTML全局属性tabindex

2017-01-05 13:58:57 更新

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键时不会选择元素。