Community Learn Tools Library Leisure

English

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

Comprehensive analysis of the tabindex attribute in HTML5

黄舟

Release： 2017-03-18 16:11:30

Original

1856 people have browsed it

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>

Copy after login

##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!

Related labels：

HTML5，tabindex，属性

source：php.cn

Previous article：Detailed introduction to Html5 elements and basic syntax Next article：Sample code to create a drawing program using HTML5 canvas and JavaScript

Statement of this Website

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