Home > Article > Web Front-end > Comprehensive analysis of the tabindex attribute in HTML5

Comprehensive analysis of the tabindex attribute in HTML5

黄舟Original: 2017-03-18 16:11:301769browse

The following editor will bring you a comprehensive analysis of the tabindex attribute of HTML5. The editor thinks it is quite good, so I will share it with you now and give it as a reference for everyone. Come and have a look with the editor

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>

##Display effect:

Comprehensive analysis of the tabindex attribute in HTML5

PS:

•The jump order of tabindex is from small to small until big. If you directly click the option with the largest tab index in the module, it will jump to another place, or it will not jump.

The above is the detailed content of Comprehensive analysis of the tabindex attribute in HTML5. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Detailed introduction to Html5 elements and basic syntaxNext article：Detailed introduction to Html5 elements and basic syntax

See more

Comprehensive analysis of the tabindex attribute in HTML5

Related articles