HTML <textarea> ƙadda
- 上一页
- 下一页
التعريف والاستخدام
<textarea>تعريف العنصر النصي المتعدد الأسطر.<textarea>يستخدم العنصر عادةً في النماذج لجمع إدخالات المستخدمين، مثل التعليقات أو التعليقات.المنطقة النصية يمكنها استيعاب عدد لا نهائي من الحروف، ويعرض النص بتنسيق خط ثابت (عادةً Courier).
يحدد حجم منطقة النص بسمات cols و rows (أو باستخدام CSS).
يحتاج إلى السمة name لتشخيص بيانات النموذج بعد تقديم النموذج (إذا تم تخطي السمة name، لن يتم تقديم بيانات منطقة النص).
يحتاج إلى السمة id لتوصيل منطقة النص بالعلامة (label).
نصيحة:أضف دائمًا <label> العلامة، للحصول على أفضل ممارسات الوصول.
يرجى الرجوع أيضًا إلى:
دليل مرجع HTML DOM:مفهوم Textarea
دليل CSS:إعداد سمة النموذج
مثال
مثال 1
وحدة إدخال نص متعدد السطور (منطقة النص):
<label for="w3review">تعليق CodeW3C.com：</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> في codew3c.com، ستتعلم كيفية تطوير المواقع. يقدمون جميع دروس تقنيات تطوير الويب مجانًا. </textarea>
مثال 2
تعطيل خيار التغيير الافتراضي للقياس:
<html> <head> <style> textarea { resize: none; } </style> </head> <body> <label for="w3review">تعليق CodeW3C.com：</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> في codew3c.com، ستتعلم كيفية تطوير المواقع. يقدمون جميع دروس تقنيات تطوير الويب مجانًا. </textarea> </body> </html>سمة
سمة قيمة وصف autofocus autofocus يحدد أن منطقة النص يجب أن تحصل على التركيز تلقائيًا عند تحميل الصفحة. cols رقم يحدد العرض المرئي لمنطقة النص. dirname textareaname.dir يحدد اتجاه النص في منطقة النص التي يتم تقديمها. disabled disabled يحدد أن منطقة النص يجب أن تكون معطلة. form معرف النموذج يحدد النموذج الذي ينتمي إليه منطقة النص. maxlength رقم يحدد عدد الحروف الأقصى المسموح به في منطقة النص. name نص يحدد اسم منطقة النص. placeholder نص يحدد تلميح بسيط يصف القيمة المتوقعة لمنطقة النص. readonly readonly يحدد أن منطقة النص يجب أن تكون قابلة للقراءة فقط. required required يحدد أن منطقة النص يجب أن تكون مطلوبة. rows رقم يحدد عدد السطور المرئية في منطقة النص. wrap - hard
- soft
يحدد كيفية تنسيق النص في منطقة النص عند تقديم النموذج. سمات العالمية
<textarea>العلامة تدعم سمات العالمية في HTML.سمات الحدث
<textarea>العلامة تدعم سمات الحدث في HTML.إعدادات CSS الافتراضية
لا يوجد.
浏览器支持
Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持
