HTML DOM tabIndex属性

当前位置: 首页 > 网络学院 > 客户端脚本教程 > HTML DOM > HTML DOM tabIndex属性

学院文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-03-04 浏览: 436 ::

收藏到网摘: n/a

Definition and Usage
定义和用法

The tabIndex property sets or returns the tab order for a button.
tabIndex 属性的作用是：设置或返回按钮的tab排序。

The tab order is the order the button appear if you navigate the page using the "tab" button on the keyboard.
如果你使用键盘上的“tab”按钮对页面进行操作，那么按下tab键将依次按顺序选定按钮。

Syntax
语法

buttonObject.tabIndex=tabIndex

Example
案例

The following example shows the tab order for the buttons:
下面这个案例展示了按钮的tab排序：

<html>
<head>
<script type="text/javascript">
function showTabIndex()
 {
 var b1=document.getElementById('b1').tabIndex;
 var b2=document.getElementById('b2').tabIndex;
 var b3=document.getElementById('b3').tabIndex;

document.write("Tab index of Button 1: " + b1);
 document.write("<br />");
 document.write("Tab index of Button 2: " + b2);
 document.write("<br />");
 document.write("Tab index of Button 3: " + b3);
 }

</script>
</head>
<body>

<form>
<input type="button" id="b1" tabIndex="1" value="Button 1" />

<br />
<input type="button" id="b2" tabIndex="2" value="Button 2" />
<br />

<input type="button" id="b3" tabIndex="3" value="Button 3" />
<br />
<input type="button" onclick="showTabIndex()"

value="Show tabIndex" />
</form>

</body>
</html>

Try-It-Yourself Demos
自己可以尝试一下

Show the tab order of buttons [展示按钮的tab排序]

HTML DOM tabIndex属性

Definition and Usage 定义和用法

Syntax 语法

Example 案例

Try-It-Yourself Demos 自己可以尝试一下

评论 (0) All

Definition and Usage
定义和用法

Syntax
语法

Example
案例

Try-It-Yourself Demos
自己可以尝试一下