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

HTML DOM
DOM Input Checkbox
DOM Input File 对象
DOM Input Hidden对象
DOM Input Password 对象
DOM Input Radio 对象
DOM Input Reset 对象
DOM Input Submit 对象
DOM Input Text 对象
DOM Link 对象
DOM Location 对象
DOM Meta 对象
DOM Navigator 对象
DOM 对象
DOM Option 对象
DOM Screen 对象
DOM Select 对象
DOM Style 对象
DOM Table 对象
DOM TableData 对象
DOM TableHeader 对象

No. « 1 2 3 »

学院文章搜索

关键字

HTML DOM tabIndex属性

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-03-04   浏览: 427 ::
收藏到网摘: 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

登陆 | 还没注册？