HTML 参考手册

HTML 标签大全

HTML tabindex属性

tabindex 全局属性 指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航（通常使用Tab键，因此得名）。

HTML 全局属性

注：tabindex 的最大值不应超过 32767。如果没有指定，它的默认值为 -1。

在线示例

以指定的tabindex顺序链接：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML tabindex 属性的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<div tabindex="1">(cainiaojc.com)</div><br>
<div tabindex="3">google.com</div><br>
<div tabindex="2">microsoft.com</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>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 tabindex 属性

定义和用法

tabindex属性指定元素的选项卡顺序（使用“ tab”按钮进行导航时）。

HTML 4.01 与 HTML5之间的差异

在HTML5中，可以在任何 HTML元素上使用tabindex属性（它将在任何HTML元素上进行验证。但是，它不一定有用）。

在HTML 4.01中，tabindex属性可以与<a>，<area>，<button>，<input>，<object>，<select>和<textarea>一起使用。

语法

        <element tabindex="number">

属性值

值描述
number规定元素的 tab 键控制顺序（1 是第一）。
HTML 全局属性
HTML: <template> 标签