HTML tabindex Attribute - HTML Global Attributes

Definition and Usage

The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating).

The tabindex attribute can be used on any HTML element (it will validate on any HTML element. However, it is not necessarily useful).

Browser Support

Syntax

<element tabindex="number">

Attribute Values

Value	Description
number	Specifies the tabbing order of the element (1 is first)

How to add Links with a specified tab order

Note: Try navigating the elements by using the "Tab" button on your keyboard.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<div tabindex="1">Horje</div><br>
<div tabindex="3">Google</div><br>
<div tabindex="2">Microsoft</div>

<script>
// At start, set focus on the first div
document.getElementsByTagName('div')[0].focus();
</script>

<p tabindex="4"><b>Note:</b> Try navigating the elements by using the "Tab" button on your keyboard.</p>

</body>
</html>

Output should be:

html tabindex attribute

HTML accesskey Attribute	HTML Global Attributes
HTML class Attribute	HTML Global Attributes
HTML contenteditable Attribute	HTML Global Attributes
HTML data-* Attributes	HTML Global Attributes
HTML dir Attribute	HTML Global Attributes
HTML draggable Attribute	HTML Global Attributes
HTML enterkeyhint Attribute	HTML Global Attributes
HTML hidden Attribute	HTML Global Attributes
HTML id Attribute	HTML Global Attributes
HTML inert Attribute	HTML Global Attributes
HTML inputmode Attribute	HTML Global Attributes
HTML lang Attribute	HTML Global Attributes
HTML popover Attribute	HTML Global Attributes
HTML spellcheck Attribute	HTML Global Attributes
HTML style Attribute	HTML Global Attributes
HTML tabindex Attribute	HTML Global Attributes
HTML title Attribute	HTML Global Attributes
HTML translate Attribute	HTML Global Attributes
HTML Global Attributes	HTML Global Attributes

Single Articles

How to add Links with a specified tab order

HTML Global Attributes

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Global Attributes
Uploaded by:	Admin

Reffered: https://www.w3schools.com/tags/att_global_tabindex.asp