Skip to content
Related Articles

Related Articles

HTML | tabindex Attribute

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 16 Aug, 2021
View Discussion
Improve Article
Save Article

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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!