HTML tabindex Attribute - HTML Attribute

Definition and Usage

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

Applies to

The tabindex attribute is part of the Global Attributes, and can be used on any HTML element.

Element	Attribute
All HTML elements	tabindex

Browser Support

How to use Elements with a specified tab order - HTML tabindex Attribute

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 Attribute
Uploaded by:	Admin

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