صورة التكاثر:
تطبيق محدد:
1. محتوى علامة TextArea
نسخة الكود كما يلي:
<span style = "font-size: 14px ؛"> <tr>
<td align = "right" valign = "top"> ملاحظة: </td>
<td> <textArea name = "" id = "emper“ cols = "" rows = "" onfocus = "this.className = 'textarea220l' ؛ this.onmouseout = '' ؛ onblur = "this.className = 'textarea220' ؛ this.onmouseout = function () {this.className = 'textarea220'} ؛ mostaddfocus ('ملاحظة') ؛" onMouseMove = "this.className = 'textarea220lg'" onMouseout = "this.className = 'TextArea220'"> </textarea> </td>
</r> </span>
2. تتيح لك التهيئة إدخال ما يصل إلى 50 كلمة عند النقر فوق الزر إضافة.
نسخة الكود كما يلي:
<span style = "font-size: 14px ؛"> $ ("#introduction"). val ("يمكن إدخال 50 كلمة") ؛
document.getElementById ("مقدمة"). style.color = "gray" ؛ </span>
3
نسخة الكود كما يلي:
<span style = "font-size: 14px ؛"> function getaddfocus (id) {// للمقدمة والملاحظات في عملية الإضافة ، يحصل TextArea على مربع إدخال واضح للتركيز
var textarea = document.getElementById (id) ؛
textarea.value = "" ؛
textarea.style.color = "Black" ؛
}
الوظيفة LostAddfocus (id) {// للمقدمة والملاحظات في عملية الإضافة ، إذا فقدت textarea تركيزها وكان المحتوى فارغًا ، فسيتم عرض رسالة المطالبة
var textarea = document.getElementById (id) ؛
var textarea_value = textarea.value ؛
if (textarea_value == "") {
textarea.value = "يمكن إدخال 50 كلمة الحد الأقصى" ؛
textarea.style.color = "Gray" ؛
}
} </span>
مرجع لاستخدام تركيز Textarea الذي كتبه CSDN Friends:
نسخة الكود كما يلي:
<span style = "font-size: 14px ؛"> 1. يعرض مربع النص النص الافتراضي:
<evidea> بيضاء حمامة الصبي </textarea>
<evidea> بيضاء حمامة الصبي </textarea>
2. انقر فوق مربع النص مع الماوس ، ويختفي النص الافتراضي:
<textarea onfocus = "if (value == 'white dove boy') {value = ''}"
<textarea onfocus = "if (value == 'white dove boy') {value = ''}"
3. انقل الماوس إلى مربع النص ، ويختفي النص الافتراضي:
<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = '}"
<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = '}"
4. انقر فوق مربع النص مع الماوس ، ويختفي النص الافتراضي ، وانقر فوق أي منطقة خارج مربع النص ، ويظهر النص الافتراضي مرة أخرى:
<textarea onfocus = "if (value == 'white dove boy') {value = ''}" onblur = "if (value == '') {value = 'white dove boy'}"
<textarea onfocus = "if (value == 'white dove boy') {value = ''}" onblur = "if (value == '') {value = 'white dove boy'}"
5. انقل الماوس إلى مربع النص ، ويختفي النص الافتراضي ، والماوس للانتقال من مربع النص ، ويظهر النص الافتراضي:
<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = ''}" onMouseout = "blur ()" onblur = "if (value == '') {value = 'white dove boy'}"
<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = ''}" onMouseout = "blur ()" onblur = "if (value == '') {value = 'white dove boy'}"
6. انقر فوق مربع النص مع الماوس ، ويختفي أي نص في مربع النص (بما في ذلك النص الافتراضي والنص الذي تم إدخاله لاحقًا):
<textarea onClick = "value = ''"
<textarea onClick = "value = ''"
7. انقل الماوس إلى مربع النص ، ويختفي أي نص في مربع النص (بما في ذلك النص الافتراضي والنص الذي تم إدخاله لاحقًا):
<textarea onMouseover = "value = ''"
<textarea onMouseover = "value = ''"
8. انقر فوق مربع النص وحدد كل النص في مربع النص:
<textarea onfocus = "select ()"> White Dove Boy </textarea>
<textarea onfocus = "select ()"> White Dove Boy </textarea>
9. انقل الماوس إلى مربع النص وحدد كل النص في مربع النص:
<textarea onMouseover = "Focus ()" onfocus = "select ()"> White Dove Boy </textarea>
<textarea onMouseover = "Focus ()" onfocus = "select ()"> White Dove Boy </textarea>
10. بعد الدخول ، سيتم نقل التركيز من مربع النص الحالي إلى مربع النص التالي:
<textarea onKeyDown = "if (event.keycode == 13) event.keycode = 9 ″
<textarea onKeyDown = "if (event.keycode == 13) event.keycode = 9 ″
11. بعد الدخول ، سيتم نقل التركيز من مربع النص الحالي إلى الموضع المحدد:
<textarea onkeypress = "return focusNext (هذا ،" اسم معرف الموقع المحدد "، الحدث)"