HTML DOM tabIndex Property
Complete Button Object Reference
Definition and Usage
The tabIndex property sets or returns the tab order for a button.
The tab order is the order the button appear if you navigate the page using
the "tab" button on the keyboard.
Syntax
buttonObject.tabIndex=tabIndex
|
Example
The following example shows the tab order for the buttons:
<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>
<button id="b1" tabIndex="1">Button 1</button><br />
<button id="b2" tabIndex="2">Button 2</button><br />
<button id="b3" tabIndex="3">Button 3</button><br />
<br />
<input type="button" onclick="showTabIndex()"
value="Show tabIndex" />
</body>
</html>
|
Try-It-Yourself Demos
Return the tab order for buttons
Complete Button Object Reference
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|