HTML DOM tabIndex Property
Complete Text Object Reference
Definition and Usage
The tabIndex property sets or returns the tab index for a text field.
The tab order defines the order the elements appear if you navigate the page using
the "tab" button on the keyboard.
Syntax
textObject.tabIndex=number
|
Example
The following example alerts the tab index of different text fields:
<html>
<head>
<script type="text/javascript">
function checkTab(x)
{
alert(x.tabIndex)
}
</script>
</head>
<body>
<form id="myForm">
<input type="text" tabindex="1" onclick="checkTab(this)">
<input type="text" tabindex="2" onclick="checkTab(this)">
<input type="text" tabindex="3" onclick="checkTab(this)">
</form>
</body>
</html>
|
Try-It-Yourself Demos
Alert
the tab index for different text fields
Jump to the next field when the current field's maxlength has been reached
Complete Text Object Reference
|