HTML tabindex属性

由网友 大卫 发布 阅读 7

HTML tabindex属性

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

HTML 全局属性

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

在线示例

以指定的tabindex顺序链接:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML tabindex 属性的使用(大卫编程网 div.cn)</title>
</head>
<body>
<div tabindex="1">div.cn</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 title属性 HTML spellcheck属性