مقالة مقدمة من wulin.com (www.vevb.com): مهارات الويب: استخدام تركيز النموذج (textarea).
مجموعة كاملة من استخدام النموذج (TextArea)1. مربع النص يعرض النص الافتراضي:
1
2
<SextArea> شبكة الويب شبكة الويب webjx.com </textarea>
<SextArea> شبكة الويب شبكة الويب webjx.com </textarea>
2. انقر فوق مربع النص مع الماوس ، ويختفي النص الافتراضي:
1
2
<textarea onfocus = if (value == 'webwebjx.com') {value = ''}> webwebjx.com </textarea>
<textarea onfocus = if (value == 'webwebjx.com') {value = ''}> webwebjx.com </textarea>
3. انقل الماوس إلى مربع النص ، ويختفي النص الافتراضي:
1
2
<textarea onMouseover = Focus () onfocus = if (value == 'webjx.com') {value = ''}> webjx.com-webjx.com </swestarea>
<textarea onMouseover = Focus () onfocus = if (value == 'webjx.com') {value = ''}> webjx.com-webjx.com </swestarea>
4. انقر فوق مربع النص مع الماوس ، ويختفي النص الافتراضي ، وانقر فوق أي منطقة خارج مربع النص ، ويظهر النص الافتراضي مرة أخرى:
1
2
<textarea onfocus = if (value == 'webjx.com') {value = ''} onblur = if (value == '') {value = 'webjx.com'}> webjx.com '}> webjx.com'}
<textarea onfocus = if (value == 'webjx.com') {value = ''} onblur = if (value == '') {value = 'webjx.com'}> webjx.com '}> webjx.com'}
5. انقل الماوس إلى مربع النص ، ويختفي النص الافتراضي ، والماوس للانتقال من مربع النص ، ويظهر النص الافتراضي:
1
2
<textarea onMouseover = focus () onMouseout = blur () onfocus = if (value == 'webjx.com') {value = ''} onblur = if (value == '') {value = 'webjx.com'}> webjx.com '
<textarea onMouseover = focus () onMouseout = blur () onfocus = if (value == 'webjx.com') {value = ''} onblur = if (value == '') {value = 'webjx.com'}> webjx.com '
6. انقر فوق مربع النص مع الماوس ، ويختفي أي نص في مربع النص (بما في ذلك النص الافتراضي والنص الذي تم إدخاله لاحقًا):
1
2
<textarea onClick = value = '' '
<textarea onClick = value = '' '
7. انقل الماوس إلى مربع النص ، ويختفي أي نص في مربع النص (بما في ذلك النص الافتراضي والنص الذي تم إدخاله لاحقًا):
1
2
<textarea onMouseover = value = ''> webpage Teaching Network-Webjx.com </textarea>
<textarea onMouseover = value = ''> webpage Teaching Network-Webjx.com </textarea>
8. انقر فوق مربع النص وحدد كل النص في مربع النص:
1
2
<textarea onfocus = select ()> شبكة الويب شبكة التدريس شبكة webjx.com </textarea>
<textarea onfocus = select ()> شبكة الويب شبكة التدريس شبكة webjx.com </textarea>
9. انقل الماوس إلى مربع النص وحدد كل النص في مربع النص:
1
2
<textarea onMouseover = Focus () onfocus = select ()> شبكة الويب شبكة الويب شبكة webjx.com </textarea>
<textarea onMouseover = Focus () onfocus = select ()> شبكة الويب شبكة الويب شبكة webjx.com </textarea>
10. بعد الدخول ، سيتم نقل التركيز من مربع النص الحالي إلى مربع النص التالي:
1
2
<textarea onKeyDown = if (event.keycode == 13) event.KeyCode = 9> شبكة الويب شبكة شبكة webjx.com </textarea>
<textarea onKeyDown = if (event.keycode == 13) event.KeyCode = 9> شبكة الويب شبكة شبكة webjx.com </textarea>
11. بعد الدخول ، سيتم نقل التركيز من مربع النص الحالي إلى الموضع المحدد:
1
<textarea onkeypress = return FocusNext (هذا ، "اسم المعرف للموقع المحدد" ، الحدث)> موقع الويب على شبكة الإنترنت webjx.com </textarea>