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>GeeksforGeeks</h1>
    <h2>tabindex attribute</h2>
    <a href=
"https://ide.geeksforgeeks.org/tryit.php"
        tabindex="2">Geeks HTML ide</a>
    <br>
    <a href=
"https://www.geeksforgeeks.org/"
       tabindex="1">
        GeeksforGeeks
    </a>
    <br>
    <a href=
"https://ide.geeksforgeeks.org/"
       tabindex="3">
        Geeks ide
    </a>
</body>
   
</html>