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>

Output:

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

Chrome 1
Edge 18
Firefox 1
Opera 12.1
Safari 3.1

Article Tags :

HTML

Web Technologies

HTML-Attributes