举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > HTML全局属性tabindex

HTML全局属性tabindex

2023-04-22 17:31 HTML参考手册

 HTML全局属性tabindex

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



阅读全文
以上是鳄鱼CMS为你收集整理的 HTML全局属性tabindex全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们