1. Kontrol jumlah karakter yang dimasukkan oleh pengguna
Untuk kotak teks dan kotak input kata sandi tunggal, atribut maxlength dapat digunakan untuk mengontrol jumlah karakter yang dimasukkan oleh pengguna.
Untuk teks multi-line, Maxlength adalah properti khusus dengan jumlah input karakter terbesar. Ketika peristiwa OnKeyPress terjadi, nilai pengembalian fungsi Lessthan () dikembalikan. Fungsinya adalah sebagai berikut
<TextAreA Name = "Komentar" id = "komentar" cols = "40" baris = "4" maxlength = "50" OneKeyPress = "Return Lessthan (this);"> </textarea>
Kode terperinci
Salinan kode adalah sebagai berikut:
<bahasa skrip = "javascript">
function lessthan (OtexTarea) {
// Kembalikan nilai boolean yang diperlukan oleh jumlah karakter dalam kotak teks.
return otextarea.value.length <otextareea.getAttribute ("maxlength");
}
</script>
<Form Method = "POST" NAME = "MYFORM1" ACTION = "ADDINFO.ASPX">
<p> <label for = "name"> Harap masukkan nama Anda: </label>
<input type = "text" name = "name" id = "name" value = "name" maxlength = "10"> </p>
<p> <label for = "komentar"> Saya ingin meninggalkan pesan: </label> <br>
<TextArea name = "komentar" id = "komentar" cols = "40" baris = "4" maxlength = "50" onkeypress = "return lessthan (this);"> </textarea> </p>
<p> <input type = "kirim" name = "btnsubmit" id = "btnsubmit" value = "kirim">
<input type = "reset" name = "btnreset" id = "btnreset" value = "reset"> </p>
</form>
2. Atur mouse untuk secara otomatis memilih teks
Pertama, mouse secara otomatis memfokuskan OnMouseOver = "this.focus"
Berikutnya adalah OnFocus = "this.select ()"
Contoh kode:
Salinan kode adalah sebagai berikut:
<Form Method = "Post" Name = "Form1" ID = "Form1" Action = "AddInfo.aspx">
<input type = "text" name = "name" id = "name" value = "name" onMouseOver = "this.focus ()" onfocus = "this.select ()">
</form>
Untuk beberapa instance kode, Anda dapat menggunakan kode berikut untuk fokus
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
fungsi myfocus () {
this.focus ();
}
function myselect () {
this.select ();
}
window.onload = function () {
var oform = document.forms ["myForm1"];
oform.name.onmouseover = myfocus;
oform.name.onfocus = mySelect;
}
</script>
<Form Method = "POST" NAME = "MYFORM1" ACTION = "ADDINFO.ASPX">
<p>
<label untuk = "name"> Harap masukkan nama Anda: </label>
<input type = "text" name = "name" id = "name" value = "name">
</p>
<p>
<label untuk = "passwd"> Harap masukkan kata sandi Anda: </label>
<input type = "password" name = "passwd" id = "passwd">
</p>
<p>
<input type = "kirim" name = "btnsubmit" id = "btnsubmit" value = "kirim">
<input type = "reset" name = "btnreset" id = "btnreset" value = "reset">
</p>
</form>