HTMLElement: tabIndex property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.

See full compatibility

The tabIndex property of the HTMLElement interface represents the tab order of the current element.

Tab order is as follows:

Elements with a positive tabIndex. Elements that have identical tabIndex values should be navigated in the order they appear. Navigation proceeds from the lowest tabIndex to the highest tabIndex.
Elements that do not support the tabIndex attribute or support it and assign tabIndex to 0, in the order they appear.

Elements that are disabled do not participate in the tabbing order.

Values don't need to be sequential, nor must they begin with any particular value. They may even be negative, though each browser trims very large values.

Value

An integer.

Examples

const b1 = document.getElementById("button1");

b1.tabIndex = 1;

Specifications

Specification
HTML # dom-tabindex

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`tabIndex`	Chrome – Full support Chrome 1 (Release date: 2008-12-11) footnote Full support	Edge – Partial support Edge 12 – 17 (Release date: 2015-07-29) footnote Partial support footnote Returns incorrect value for elements without an explicit tabindex attribute. See issue 4365703 for details. Edge – Full support Edge 18 (Release date: 2018-10-02) footnote Full support	Firefox – Full support Firefox 1 (Release date: 2004-11-09) footnote Full support	Opera – Full support Opera 12.1 (Release date: 2012-11-20) footnote Full support	Safari – Full support Safari 3.1 (Release date: 2008-03-18) footnote Full support	Chrome Android – Full support Chrome Android 18 (Release date: 2012-06-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 12.1 (Release date: 2012-10-09) footnote Full support	Safari on iOS – Full support Safari on iOS 2 (Release date: 2008-07-11) footnote Full support	Samsung Internet – Full support Samsung Internet 1 (Release date: 2013-04-27) footnote Full support	WebView Android – Full support WebView Android 4.4 (Release date: 2013-12-09) footnote Full support	WebView on iOS – Full support WebView on iOS 2 (Release date: 2008-07-11) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
Partial support: Partial support
: Has more compatibility info.

HTMLElement: tabIndex property

Value

Examples

Specifications

Browser compatibility

Legend

See also