HTML tabindex Attribute

This attribute is used to specify the tab order of an element. It is used when the tab button is used for navigating.

Supported Tag: It supports all HTML element.

Syntax:

<element tabindex = "number">

Attribute Value: This attribute contains single value number which is used to specify the tabbing order of the element.

Difference between HTML 4.1 and HTML 5: In HTML5, this attribute can be used with any HTML element but in HTML 4.01, the tabindex attribute can be used with: <a>, <area>, <button>, <input>, <object>, <select>, and <textarea>.

Example:

HTML

<!DOCTYPE html>
<html>
   
<head>
    <title>tabindex attribute</title>
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
        a {
            text-decoration: none;
        }
    </style>
</head>
<body>
    <h1>w3wiki</h1>
    <h2>tabindex attribute</h2>
    <a href=
"https://ide.w3wiki.net/tryit.php"
        tabindex="2">Beginner HTML ide</a>
    <br>
    <a href=
"https://www.w3wiki.net/"
       tabindex="1">
        w3wiki
    </a>
    <br>
    <a href=
"https://ide.w3wiki.net/"
       tabindex="3">
        Beginner ide
    </a>
</body>
   
</html>

Output:

Supported Browsers: The browser supported by tabindex attribute are listed below:

Chrome 1
Edge 18
Firefox 1
Opera 12.1
Safari 3.1

Tags:

#HTML-Attributes #HTML #Web Technologies

HTML style attribute

HTML | target Attribute

HTML tabindex Attribute

HTML

Contact Us