1. ควบคุมจำนวนอักขระที่ป้อนโดยผู้ใช้
สำหรับกล่องข้อความบรรทัดเดียวและกล่องป้อนรหัสผ่านแอตทริบิวต์ MaxLength สามารถใช้เพื่อควบคุมจำนวนอักขระที่ผู้ใช้ป้อน
สำหรับข้อความหลายบรรทัด MaxLength เป็นคุณสมบัติที่กำหนดเองที่มีจำนวนอักขระจำนวนมากที่สุด เมื่อเหตุการณ์ onkeypress เกิดขึ้นค่าส่งคืนของฟังก์ชั่นน้อยลง () จะถูกส่งคืน ฟังก์ชั่นมีดังนี้
<textarea name = "comments" id = "ความคิดเห็น" cols = "40" rows = "4" maxlength = "50" onekeypress = "return lessthan (this);"> </textarea>
รหัสรายละเอียด
การคัดลอกรหัสมีดังนี้:
<ภาษาสคริปต์ = "JavaScript">
ฟังก์ชั่นน้อยกว่า (otextarea) {
// ส่งคืนค่าบูลีนที่ต้องการโดยจำนวนอักขระในกล่องข้อความ
return otextarea.value.length <otextarea.getAttribute ("MaxLength");
-
</script>
<form method = "post" name = "myform1" action = "addinfo.aspx">
<p> <label for = "name"> โปรดป้อนชื่อของคุณ: </lable>
<input type = "text" name = "name" id = "name" value = "Name" MaxLength = "10"> </p>
<p> <label for = "ความคิดเห็น"> ฉันต้องการฝากข้อความ: </label> <br>
<textarea name = "comments" id = "ความคิดเห็น" cols = "40" rows = "4" maxlength = "50" onkeypress = "return lessthan (this);"> </textarea> </p>
<p> <อินพุต type = "ส่ง" name = "btnsubmit" id = "btnsubmit" value = "ส่ง">
<อินพุต type = "รีเซ็ต" name = "btnreset" id = "btnreset" value = "รีเซ็ต"> </p>
</form>
2. ตั้งค่าเมาส์เพื่อเลือกข้อความโดยอัตโนมัติ
ก่อนอื่นเมาส์จะมุ่งเน้น onMouseOver = "this.focus" โดยอัตโนมัติ "
ถัดไปคือ onfocus = "this.select ()"
ตัวอย่างรหัส:
การคัดลอกรหัสมีดังนี้:
<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>
สำหรับอินสแตนซ์รหัสหลายตัวคุณสามารถใช้รหัสต่อไปนี้เพื่อโฟกัส
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
ฟังก์ชั่น myfocus () {
this.focus ();
-
ฟังก์ชั่น 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 for = "name"> โปรดป้อนชื่อของคุณ: </label>
<input type = "text" name = "name" id = "name" value = "Name">
</p>
<p>
<label for = "passwd"> โปรดป้อนรหัสผ่านของคุณ: </lable>
<อินพุต type = "รหัสผ่าน" name = "passwd" id = "passwd">
</p>
<p>
<input type = "subment" name = "btnsubmit" id = "btnsubmit" value = "ส่ง">
<อินพุต type = "รีเซ็ต" name = "btnreset" id = "btnreset" value = "รีเซ็ต">
</p>
</form>