HTML textarea Tag

HTML textarea Tag – يحدد الوسم <textarea> عنصر تحكم إدخال نص عادي متعدد الأسطر.

HTML textarea Tag

عنصر <textarea> يمكن أن يحتوي على عدد غير محدود من الأحرف، وهذا مفيد عندما تريد السماح للمستخدمين بإدخال قدر كبير من النص الحر ، على سبيل المثال تعليق على مراجعة أو نموذج ملاحظات أو كتابة عنوانك بالتفصيل ..إلخ.

مثال للتوضيح

شغل إيدك

إستخدام وسم <textarea> لكتابة مراجعة على قصة معينة:

Write a review of the product:

<label for="review">Write a review of the product:</label>

<textarea id="review" name="review" rows="6" cols="30">
     This product is very good and .....
</textarea>

Write a review of the product:

ملاحظات على المثال السابق:

تم إضافة سمة id بنفس قيمة سمة for لربط <textarea> بعنصر <label>.
كما تم إضافة سمة name لتعيين اسم نقطة البيانات المرتبطة المقدمة إلى الخادم عند إرسال النموذج.
سمات cols و rows يتم إستخدامهم لتحديد حجم منطقة النص بشكل أدق وأفضل.

يتم عرض النص داخل عنصر textarea بخط ثابت العرض (عادةً ما يكون Courier).

يٌفضل إستخدام وسم <label> مع <textarea> للتمتع بأفضل ممارسات الوصول!

إذا حُذفت سمة name ، فلن يتم إرسال أي بيانات من منطقة النص <textarea>.

السمات المحددة – Specific Attributes

يدعم الوسم <textarea> هذه السمات بصفة خاصة:

السمة	القيمة	الوصف
autocomplete	on off	يحديد ما إذا كان يجب تمكين الإكمال التلقائي لعنصر <textarea> أم لا.
autofocus	autofocus	يحدد أن منطقة النص يجب أن تحصل تلقائيًا على التركيز عند تحميل الصفحة.
cols	number	يحدد العرض المرئي لمنطقة النص.
disabled	disabled	يحدد أنه يجب تعطيل منطقة النص.
form	form_id	يحدد الشكل الذي تنتمي إليه منطقة النص.
maxlength	number	يحدد الحد الأقصى لعدد الأحرف المطلوبة فى منطقة النص.
minlength	number	يحدد الحد الأدنى لعدد الأحرف المطلوبة فى منطقة النص.
name	text	يحدد اسم لمنطقة النص.
placeholder	text	يحدد تلميحًا قصيرًا يصف القيمة المتوقعة لمنطقة النص.
readonly	readonly	يحدد أن منطقة النص للقراءة فقط.
required	required	يحدد أنه يجب ملء منطقة النص قبل إرسال النموذج.
rows	number	يحدد عدد الأسطر المرئية في منطقة النص.
wrap	hard soft	يحدد كيفية التفاف النص في منطقة النص عند إرساله في نموذج.