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排序]