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

HTML DOM
DOM TableRow 对象
DOM Textarea 对象
DOM Window 对象

HTML DOM tabIndex属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 418 ::
收藏到网摘: 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排序]

评论 (0) All

登陆 | 还没注册?