وسم حقل النص الطويل <textarea>

وسم textarea حقل نصي متعدد الأسطر — للرسائل والتعليقات وكل إدخال يتجاوز سطرًا واحدًا.

بينما يلتقط input سطرًا واحدًا، يفتح textarea مساحة كتابة حرة متعددة الأسطر قابلة للتكبير. خصوصيته الغريبة: قيمته الابتدائية تُكتب بين وسمي الفتح والإغلاق وليس في خاصية value — وأي مسافات أو أسطر بينهما تصبح جزءًا من القيمة، فاجعل الوسمين متلاصقين.

تحكم بالحجم الابتدائي عبر rows وcols أو CSS، وبسلوك التكبير عبر resize في CSS.

الصياغة

<textarea name="message" rows="4" placeholder="اكتب رسالتك"></textarea>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<label>رسالتك:</label><br>
<textarea name="msg" rows="4" style="width:100%; padding:8px; border-radius:8px" placeholder="اكتب هنا..."></textarea>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
rows	عدد الأسطر الظاهرة ابتداءً
maxlength	أقصى عدد أحرف — تحقق مدمج
wrap	التفاف النص عند الإرسال: soft (افتراضي) أو hard

💡 نصائح عملية

أغلق الوسم ملاصقًا للفتح — أي فراغ بينهما يصبح قيمة ابتدائية خفية
resize: vertical في CSS يسمح بالتكبير الرأسي فقط ويحمي التخطيط

⚠️ أخطاء شائعة

محاولة وضع القيمة في value="..." — لا تعمل مع textarea
أسطر ومسافات عرَضية بين الوسمين تظهر كنص جاهز في الحقل

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs