1. التحكم في عدد الأحرف التي أدخلها المستخدم
بالنسبة إلى مربعات النص الواحد ومربعات إدخال كلمة المرور ، يمكن استخدام سمة MaxLength للتحكم في عدد الأحرف التي أدخلها المستخدم.
بالنسبة للنص متعدد الخطوط ، يعد MaxLength خاصية مخصصة تحتوي على أكبر عدد من أحرف الإدخال. عند حدوث حدث Onkeypress ، يتم إرجاع قيمة إرجاع وظيفة LessThan (). الوظيفة كما يلي
<textarea name = "comments" id = "comments" cols = "40" rows = "4" maxLength = "50" OneKeyPress = "return lessthan (this) ؛"> </textarea>
رمز مفصل
نسخة الكود كما يلي:
<script language = "javaScript">
وظيفة lessthan (otextarea) {
// إرجاع القيمة المنطقية المطلوبة بعدد الأحرف في مربع النص.
return otextarea.value.length <otextarea.getAttribute ("maxLength") ؛
}
</script>
<form method = "post" name = "myForm1" Action = "AddInfo.aspx">
<p> <label for = "name"> الرجاء إدخال اسمك: </label>
<type type = "text" name = "name" id = "name" value = "name" maxLength = "10"> </p>
<p> <label for = "comments"> أريد ترك رسالة: </label> <br>
<textarea name = "comments" id = "comments" cols = "40" rows = "4" maxLength = "50" onkeypress = "return lessthan (this) ؛"> </textarea> </p>
<p> <input type = "submit" name = "btnsubmit" id = "btnsubmit" value = "submit">
<type type = "reset" name = "btnreset" id = "btnreset" value = "reset"> </p>
</form>
2. اضبط الماوس لتحديد النص تلقائيًا
أولاً ، يركز الماوس تلقائيًا على onMouseover = "this.focus"
التالي هو onfocus = "this.select ()"
مثال رمز:
نسخة الكود كما يلي:
<method method = "post" name = "form1" id = "form1" action = "addInfo.aspx">
<type 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>
<إدخال type = "text" name = "name" id = "name" value = "name">
</p>
<p>
<label for = "passwd"> الرجاء إدخال كلمة المرور الخاصة بك: </label>
<type type = "password" name = "passwd" id = "passwd">
</p>
<p>
<type type = "submit" name = "btnsubmit" id = "btnsubmit" value = "submit">
<type type = "reset" name = "btnreset" id = "btnreset" value = "reset">
</p>
</form>