html attribute tabindex that specifies the order of tab key control of elements (when used for navigation)

Example

Links with specified tab order:

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

Browser support

Almost all browsers have tabindex attribute, except Safari.

Definition and Usage

The tabindex attribute specifies the tab key control order of elements (when the tab key is used for navigation).

Tips and Notes

Note: The following elements support the tabindex attribute: , , , , < ;object>, and .

Syntax

<element tabindex="number">

Attribute value

Value	Description
number	Specifies the tab key control order of elements (1 is the first)

When the viewer browses the website, he or she can press the TAB key on the web page Move the links one by one, which is a very convenient and practical function. However, if there are too many links in the web page, pressing the TAB key may have no effect. At this time, you may wish to highlight the key points by changing the order of moving the TAB key to facilitate visitors on some important pages.

Use the TABINDEX attribute to set the moving order of the TAB keys in the link. By setting the TABINDEX attribute of the link to a value from 1 to 32767, you can add the link to the sequence of TAB keys. If you set the TABINDEX attribute to a negative value (such as TABINDEX="-1"), then the link will be excluded from the sequence of TAB keys.

When the viewer uses the TAB key to move among web links, he will first move to the link with the smallest TABINDEX attribute value, and finally end the move on the link with the largest TABINDEX attribute value. If there are two links with the same TABINDEX attribute, the order in which the links appear in the html code shall prevail.

<input type="submit" name="Submit" value="提交" tabindex="1" />
<input type="radio" name="radiobutton" value="radiobutton" tabindex="3" />
<input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />

The above is the detailed content of html attribute tabindex that specifies the order of tab key control of elements (when used for navigation). For more information, please follow other related articles on the PHP Chinese website!