首頁  >  文章  >  web前端  >  HTML5之全面解析tabindex屬性

HTML5之全面解析tabindex屬性

黄舟
黄舟原創
2017-03-18 16:11:301820瀏覽

下面小編就為大家帶來一篇HTML5之tabindex屬性全面解析。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧

XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p tabindex="-1">
            <a href="#" tabindex="3">Hello</a>
            <a href="#" tabindex="1">Hel</a>
            <a href="#" tabindex="2">Hell</a>
        </p>
    </body>
</html>


顯示效果:

HTML5之全面解析tabindex屬性

#PS:

•tabindex的跳躍順序為從小到大。如果直接點選模組中的tabindex序數最大的選項,則跳到他處,或不跳轉。

以上是HTML5之全面解析tabindex屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn