Open In App

HTML tabindex Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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=
        tabindex="2">Geeks HTML ide</a>
    <br>
    <a href=
       tabindex="1">
        GeeksforGeeks
    </a>
    <br>
    <a href=
       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


Last Updated : 04 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads