ما هي علامة <textarea>؟
علامة <textarea> في HTML هي منطقة نص متعدد الأسطر تسمح للمستخدمين بإدخال كميات كبيرة من النص.
استخدامات <textarea>:
- نماذج إدخال النص الطويل (مثل المقالات أو القصص)
- صناديق التعليقات
- مناطق نص متعددة الأسطر في تطبيقات الويب
خصائص <textarea>:
- name: اسم المنطقة للنص لمعالجتها في الخادم
- rows: عدد الأسطر المرئية في المنطقة النصية
- cols: عدد الأعمدة المرئية في المنطقة النصية
- disabled: يمكن تعيينها على "disabled" لمنع المستخدمين من تعديل النص
- required: يمكن تعيينها على "required" لجعل النص إجباريًا في النموذج
أمثلة على <textarea>:
<form>
<label for="comments">Comments:</label>
<textarea id="comments" name="comments" rows="5" cols="40"></textarea>
</form>
استكشاف علامة <textarea>:
الخطوة 1: إنشاء صفحة HTML:
<!DOCTYPE html>
<html>
<body>
</body>
</html>
الخطوة 2: إضافة علامة <textarea>:
<textarea name="my_text" rows="5" cols="40"></textarea>
الخطوة 3: حفظ الملف ومشاهدته في المتصفح:
- احفظ الملف باسم "test.html".
- افتح الملف في متصفح.
- يجب أن ترى منطقة نص متعددة الأسطر حيث يمكنك إدخال النص.
نصائح حول إمكانية الوصول:
- استخدم خاصية "placeholder" لتوفير نص تلميح في المنطقة النصية لمساعدة المستخدمين على فهم الغرض منها.
- استخدم خاصية "label" لربط المنطقة النصية بملصق يُعرّف عن النص المطلوب.
- تأكد من أن المنطقة النصية كبيرة بما يكفي لإدخال النص بسهولة.