Properti HTMLInputElement.readOnly menetapkan atau mengembalikan atribut READONLY elemen INPUT HTML.
Sintaks:
inputObj.readOnly = value
inputObj.readOnly
value adalah boolean, yaitu true atau false.
Sebagai contoh, jika suatu elemen INPUT ber-TYPE 'text' adalah read-only, berarti dia tidak bisa dimodifikasi. Bagaimanapun, user dapat men-tab-nya, menyeleksinya, juga menyalin teks yang ada didalamnya (biasanya tidak bisa 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 menetapkan 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:
<INPUT TYPE="text" NAME="username" VALUE="be.htmlcss@gmail.com" READONLY>
