HTML tabindex 属性 详解
HTML基础 2022-06-02 13:00:38小码哥的IT人生shichen
HTML tabindex 属性
实例
带有指定 tab 键顺序的链接：
<a href="http://www.phpcodeweb.com/" tabindex="2">phpcodeweb</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<a href="http://www.phpcodeweb.com/" tabindex="2">phpcodeweb</a><br />
<a href="http://www.google.com/" tabindex="1">Google</a><br />
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
<p><b>注释：</b>请尝试使用键盘上的 "Tab" 键在链接之间进行导航。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
几乎所有浏览器均 tabindex 属性，除了 Safari。
定义和用法
tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。
提示和注释
注释：以下元素支持 tabindex 属性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。
语法
<element tabindex="number">
属性值
| 值 | 描述 |
|---|---|
| number | 规定元素的 tab 键控制次序（1 是第一个）。 |
