Properti HTMLInputElement.tabIndex
menetapkan atau mengembalikan atribut TABINDEX elemen INPUT HTML.
Sintaks:
inputObj.tabIndex = value
inputObj.tabIndex
value adalah number (long) yang sedikitnya satu digit di dalam cakupan 0-9.
Contoh di bawah ini mengembalikan nilai atribut TAABINDEX elemen INPUT ber-NAME 'username':
<FORM METHOD="POST" ACTION="yourCGIURL">
<FIELDSET>
<LEGEND>Login</LEGEND>
Username : <INPUT TYPE="text" NAME="username" SIZE="40" TABINDEX="1">
Password : <INPUT TYPE="password" NAME="password" SIZE="40" TABINDEX="2">
<INPUT TYPE="submit" VALUE="Log in" TABINDEX="3">
</FIELDSET>
</FORM>
<SCRIPT TYPE="text/javascript">
var inputObj = document.getElementsByTagName("input")[0];
alert(inputObj.tabIndex); // 1
</SCRIPT>
Contoh di bawah ini menetapkan atribut TAABINDEX kepada elemen INPUT ber-NAME 'username':
<FORM METHOD="POST" ACTION="yourCGIURL">
<FIELDSET>
<LEGEND>Login</LEGEND>
Username : <INPUT TYPE="text" NAME="username" SIZE="40">
Password : <INPUT TYPE="password" NAME="password" SIZE="40" TABINDEX="2">
<INPUT TYPE="submit" VALUE="Log in" TABINDEX="3">
</FIELDSET>
</FORM>
<SCRIPT TYPE="text/javascript">
var inputObj = document.getElementsByTagName("input")[0];
inputObj.tabIndex = 1;
</SCRIPT>
Elemen INPUT ber-NAME 'username' akan menjadi:
<INPUT TYPE="text" NAME="username" SIZE="40" TABINDEX="1">