RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.geeksforgeeks.org/html/html-tabindex-attribute/ below:

HTML tabindex Attribute - GeeksforGeeks

HTML tabindex Attribute

Last Updated : 11 Jul, 2025

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 elements.

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: In this example we demonstrates the tabindex attribute, setting custom tab order for three links. It includes centered headings and styled content, with green color for the main heading.

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

Output:

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

Which elements support the tabindex attribute?

The tabindex attribute is supported by any HTML element that can receive focus, like links, buttons, inputs, and even <div> elements.

What does a tabindex value of 0 mean?

A tabindex value of 0 makes an element focusable in the natural tab order.

What does a negative tabindex value do?

A negative tabindex (e.g., -1) makes an element focusable, but it removes the element from the natural tab order.

Can multiple elements have the same tabindex value?

Yes, but using the same tabindex value may not be meaningful unless setting them all to 0.

What is the default tabindex value for elements?

The default tabindex value for most elements is not set, so they follow the natural document order.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4