علامة <textarea> HTML

تعريف والاستخدام

<textarea> تعريف العنصر يعني عنصر إدخال نص متعدد الأسطر.

<textarea> يستخدم العنصر عادةً في النماذج، لجمع إدخالات المستخدمين، مثل التعليقات أو التعليقات.

النص المساحي يمكنه استيعاب عدد لا نهائي من الحروف، ويتم عرض النص بأيقونة عرض متساوية (عادةً ما تكون Courier).

حجم منطقة النص يتم تحديده بواسطة خصائص cols وrows (أو باستخدام CSS).

بعد تقديم النموذج يجب أن تحتوي خاصية name على إشارة إلى بيانات النموذج (إذا تم تجاهل خاصية name، لن يتم تقديم بيانات منطقة النص).

إذا كان من الضروري ربط منطقة النص مع العنوان (العلامة) فإنه يجب إضافة خاصية id.

نصيحة:أضف دائمًا <label> العلامة، للحصول على أفضل ممارسات التوافقية!

يرجى الرجوع أيضًا إلى:

دليل مرجع DOM HTML:مكون 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 يحدد اتجاه النص في منطقة النص التي يتم تقديمها.
معطلة معطلة يحدد أن منطقة النص يجب أن تكون معطلة.
form معرف النموذج يحدد النموذج الذي ينتمي إليه منطقة النص.
maxlength رقم يحدد عدد الحروف الأقصى المسموح به في منطقة النص.
name نص يحدد اسم منطقة النص.
placeholder نص يحدد نص توجيهي قصير يوضح القيمة المتوقعة لمنطقة النص.
قراءة فقط قراءة فقط يحدد أن منطقة النص يجب أن تكون قابلة للقراءة فقط.
مطلوب مطلوب يحدد أن منطقة النص يجب أن تكون مطلوبة.
rows رقم يحدد عدد الأعمدة المرئية في منطقة النص.
الانقسام
  • الانقسام القاسي
  • الانقسام الناعم
 يحدد كيفية انقسام النص في منطقة النص عند تقديم النموذج.

خصائص العالمية

<textarea> الدوال الداخلية لدعم خصائص العالمية في HTML.

خصائص الحدث

<textarea> الدوال الداخلية لدعم خصائص الحدث في HTML.

إعداد CSS الافتراضي

لا يوجد.

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم