<textarea>: عنصر TEXTAREA
آخر تحديث: 2026-10-13
<textarea>عنصر TEXTAREA
حقل إدخال نصي عادي متعدد الأسطر، مثالي للتعليقات والرسائل والكود.
| الفئة | النماذج |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </textarea> وسم |
| الحالة | قياسي |
📝 البنية
<textarea name="msg" rows="4" cols="50">نص افتراضي</textarea>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
name | Field name sent to the server. | |
rows | Number of visible rows. | |
cols | Number of visible columns (width). | |
placeholder | Hint shown when empty. | |
required | Must be filled before submit. | |
maxlength | Maximum number of characters. | |
readonly | Read-only, not editable. | |
disabled | Disables the field. | |
wrap | Wrapping: soft or hard. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <textarea> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： القيمة الافتراضية توضع بين الوسوم، وليس في خاصية value.
❓ الأسئلة الشائعة
Qكيف تحدد حجم textarea؟
Aعلى مستويين: الحجم الافتراضي بسمتَي
rows وcols (عدد الأسطر وعرض الأعمدة)؛ والسماح بالسحب للتحجيم بـ resize في CSS (none للمنع وvertical للسطر فقط وboth للحرية). وفي التخطيطات الحديثة يُضبط الحجم مباشرة بـ width/height في CSS.Qأين تكتب القيمة الابتدائية لـ textarea؟
Aبين وسم الفتح والغلق:
<textarea>المحتوى الابتدائي</textarea>. وليس لها سمة value (خلافًا لـ input)، وتبقى سمة placeholder متاحة. وفي JS تقرأ القيمة الحالية عبر textarea.value.Qهل يمكن تحديد حد إدخال textarea؟
Aنعم، سمة
maxlength حد صارم (يمنع الإدخال الزائد)، وminlength للتحقق من الحد الأدنى. وانتبه: يحسب maxlength عدد الأحرف (شاملة فواصل الأسطر) وقد يخالف حد البايتات في الخادم — فطابِق قواعد الواجهتين.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
