www.baike369.com
百科369 > HTML5教程 > HTML5 tabindex属性

HTML5 tabindex属性


定义

通过使用HTML5的tabindex属性,可以对浏览器窗口中的对象重新排序,这样当用户逐次按下Tab键时,浏览器会按照指定的顺序在对象之间进行切换。


语法

<element tabindex="value">

属性

tabindex属性的值是大于0的整数。浏览器以Tab键排序为1的对象作为开始,然后按升序在对象之间进行切换。如果希望跳过某些对象,则可以将其tabindex的属性值设置为0或者负数。

  • 设置为0时:当访问过所有>0的tabindex后,会按照顺序再访问属性值为0的对象。
  • 设置为负数时:当访问过所有>0的或者=0的tabindex后,仍然会跳过该对象。

实例

源代码如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>HTML5 tabindex属性示例-www.baike369.com</title>
</head>
<body>
<h1>HTML5 tabindex属性示例</h1>
<p>运行下面的代码,请按“Tab”键进行选择!</p>
<p><a href="http://www.baike369.com" tabindex="1">www.baike369.com</a> - tabindex="1"</p>
<p><a href="http://www.baike369.com/?id=5" tabindex="6">软件教程</a> - tabindex="6"</p>
<p><a href="http://www.baike369.com/?id=4" tabindex="5">数 据 库</a> - tabindex="5"</p>
<p><a href="http://www.baike369.com/?id=7" tabindex="4">操作系统</a> - tabindex="4"</p>
<p><a href="http://www.baike369.com/?id=2" tabindex="3">网络编程</a> - tabindex="3"</p>
<p><a href="http://www.baike369.com/?id=1" tabindex="2">网页制作</a> - tabindex="2"</p>
</body>
</html>
Copyright© 2011-2016 www.baike369.com All Rights Reserved