حقول الإدخال في لغة البرمجة HTML:
إضافة مربع نص:
لإضافة مربع نص في الصفحة المكتوبة بلغة البرمجة (HTML) فإنه بالإمكان استخدام الوسم (<input>) مع الإشارة إلى أن هذا الوسم يمكن استخدامه لإضافة الكثير من العناصر الأخرى، وهناك الكثير من الخصائص التي من الممكن إضافتها لهذا الوسم:
الوسم | الاستخدام |
id | يتم إضافتها في حال أردنا ربطه بوسم (<label>). |
name | يتم إضافتها حتى يتم إرسال القيمة الموضوعة فيه عند النقر على زر الإرسال |
type | تستخدم لتحديد النوع أو الشكل الذي سيتم عرضه مكان الوسم في الصفحة. |
value | تستخدم لإعطاء قيمة أولية. |
readonly | تستخدم لجعل قيمة الوسم غير قابلة للتغيير. |
disabled | تستخدم لجعل الوسم يظهر بلون باهت و قيمته غير قابلة للنسخ أو التغيير. |
size | تستخدم لتحديد كم حرف تريد أن يظهر بداخل المربع. |
maxlength | تستخدم لتحديد أقصى عدد أحرف من الممكن إدخالها. |
placeholder | تستخدم لإظهار تلميح بداخل مربع النص يظهر في حال كان فارغاً. |
required | تستخدم لإجبار المستخدم على إدخال قيمة في مربع النص في حال تركه فارغاً و نقر على زر إرسال البيانات. |
تحديد نوع مربع النص:
بالنسبة لنوع مربع النص الذي نحدده بواسطة الخاصية (type) فإن الأشكال التالية هي الأكثر أهمية:
- (<“inputtype=“text>): تستخدم للحصول على مربع نص عادي و هذا هو النوع الإفتراضي له.
- (<“inputtype=“password>): تستخدم للحصول على مربع نص مخصص لإدخال كلمة المرور.
- (“<inputtype=“number>): تستخدم للحصول على مربع نص مخصص لإدخال الرقام..
- (<“inputtype=“email>): تستخدم للحصول على مربع نص مخصص لإدخال بريد إلكتروني.
وبشكل إفتراضي في حال لم تحدد شكل الوسم (<input>) سيتم إعتبار أنك تريد عرض مربع نص عادي (<“inputtype=“text>).
إضافة مربع نص متعدد الأسطر:
يتم استخدام الوسم (<textarea>) على هذ النحو (<textarea>text</textarea>) لعرض مربع نص يتألف من أكثر من سطر، حيث أن مكان الكلمة (text) يتم تمرير كل النص الذي نريد عرضه بداخله، وفي العادة يتم استخدام مربع نص متعدد الأسطر في الحالات التي يتم فيها الطلب من المستخدم إدخال عنوانه أو نبذة عنه.