Sunday, November 10, 2013

maxLength

Properti HTMLInputElement.maxLength menetapkan atau mengembalikan atribut MAXLENGTH elemen INPUT HTML.

Sintaks:

inputObj.maxLength = value inputObj.maxLength

value adalah number (long). Number yang ditetapkan akan menentukan maksimal masukan karakter yang dapat diberikan ke dalam input masukan.

Properti HTMLInputElement.maxLength bisa diterapkan kepada elemen INPUT ber-TYPE 'text', atau 'password'.

Contoh di bawah ini mengembalikan nilai atribut MAXLENGTH elemen INPUT ber-TYPE 'password':

<FORM METHOD="POST" ACTION="yourCGIURL"> <FIELDSET> <LEGEND>Login</LEGEND> Username : <INPUT TYPE="text" NAME="username"> Password : <INPUT TYPE="password" NAME="password" MAXLENGTH="7"> <INPUT TYPE="submit" VALUE="Log in"> </FIELDSET> </FORM> <SCRIPT TYPE="text/javascript"> var inputObj = document.getElementsByTagName("input")[1]; alert(inputObj.maxLength); // 7 </SCRIPT>

Contoh di bawah ini menetapkan atribut MAXLENGTH kepada elemen INPUT ber-TYPE 'password':

<FORM METHOD="POST" ACTION="yourCGIURL"> <FIELDSET> <LEGEND>Login</LEGEND> Username : <INPUT TYPE="text" NAME="username"> Password : <INPUT TYPE="password" NAME="password"> <INPUT TYPE="submit" VALUE="Log in"> </FIELDSET> </FORM> <SCRIPT TYPE="text/javascript"> var inputObj = document.getElementsByTagName("input")[1]; inputObj.maxLength = 7; </SCRIPT>

Elemen INPUT ber-TYPE 'password' di atas akan menjadi:

<INPUT TYPE="password" NAME="password" MAXLENGTH="7">