首页 理论教育 tabIndex属性的作用与应用

tabIndex属性的作用与应用

时间:2023-06-03 理论教育 版权反馈
【摘要】:tabIndex属性可设置或返回按钮的tab键的控制次序。这种方法过去用得多,现在用得少了。如默认的标签页顺序通常由元素出现的顺序来决定。图3.10tabIndex属性实例

tabIndex属性的作用与应用

tabIndex属性可设置或返回按钮的tab键的控制次序。这种方法过去用得多,现在用得少了。如默认的标签页顺序通常由元素出现的顺序来决定。

其语法如下:

buttonObject.tabIndex=tabIndex

下面的例子将返回按钮的tab键的控制次序(参见“chap3.4.4.1.html”):

<html>

<head>

<scripttype="text/javascript">

functionshowTabIndex()

{

varb1=document.getElementById('b1').tabIndex;

varb2=document.getElementById('b2').tabIndex;

varb3=document.getElementById('b3').tabIndex;

document.write("TabindexofButton1:"+b1);

document.write("
");

document.write("TabindexofButton2:"+b2);

document.write("
");

document.write("TabindexofButton3:"+b3);

}(www.xing528.com)

</script>

</head>

<body>

<form>

<inputtype="button"id="b1"tabIndex="1"value="Button 1"/>


<inputtype="button"id="b2"tabIndex="2"value="Button 2"/>


<inputtype="button"id="b3"tabIndex="3"value="Button 3"/>


<inputtype="button"onclick="showTabIndex()"

value="ShowtabIndex"/>

</form>

</body>

</html>

网页的显示效果如图3.10所示。

图3.10 tabIndex属性实例

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈