Readonly

Properti HTMLInputElement.readOnly tetapkan atau mengembalikan atribut READONLY elemen INPUT HTML.

Sintaks:

inputObj.readOnly = value inputObj.readOnly

value yakni boolean, yaitu true atau false.

Sebagai contoh, jikalau suatu elemen INPUT ber-TYPE ‘text’ yakni read-only, berarti ia tidak sanggup dimodifikasi. Bagaimanapun, user sanggup men-tab-nya, menyeleksinya, juga menyalin teks yang ada didalamnya (biasanya tidak sanggup disalin).

Contoh di bawah ini mengembalikan nilai atribut READONLY elemen INPUT ber-TYPE ‘text’:

<FORM METHOD="POST" ACTION="yourCGIURL"> <FIELDSET> <LEGEND>Login</LEGEND> Username : <INPUT TYPE="text" NAME="username" VALUE="be.htmlcss@gmail.com" READONLY> Password : <INPUT TYPE="password" NAME="password"> <INPUT TYPE="submit" VALUE="Log in"> </FIELDSET> </FORM> <SCRIPT TYPE="text/javascript"> var inputObj = document.getElementsByTagName("input")[0]; alert(inputObj.readOnly); // true </SCRIPT>

Contoh di bawah ini tetapkan atribut READONLY kepada elemen INPUT ber-TYPE ‘text’:

<FORM METHOD="POST" ACTION="yourCGIURL"> <FIELDSET> <LEGEND>Login</LEGEND> Username : <INPUT TYPE="text" NAME="username" VALUE="be.htmlcss@gmail.com"> Password : <INPUT TYPE="password" NAME="password"> <INPUT TYPE="submit" VALUE="Log in"> </FIELDSET> </FORM> <SCRIPT TYPE="text/javascript"> var inputObj = document.getElementsByTagName("input")[0]; inputObj.readOnly = true; </SCRIPT>

Elemen INPUT ber-TYPE ‘password’ di atas akan menjadi:

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.

Ahmad Code