Download Source Code Aplikasi

Tabindex

Wednesday, August 21st, 2019 - HTML DOM, HTMLInputElement

Properti HTMLInputElement.tabIndex tetapkan atau mengembalikan atribut TABINDEX elemen INPUT HTML.

Sintaks:

inputObj.tabIndex = value inputObj.tabIndex

value ialah 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 tetapkan 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">
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Tabindex | Ahmad Code | 4.5