Sunday, November 10, 2013

tabIndex

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">