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

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

Read Article
https://develop.horje.com/learn/1434/reference