حقول الإدخال في لغة البرمجة HTML

اقرأ في هذا المقال


حقول الإدخال في لغة البرمجة 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) يتم تمرير كل النص الذي نريد عرضه بداخله، وفي العادة يتم استخدام مربع نص متعدد الأسطر في الحالات التي يتم فيها الطلب من المستخدم إدخال عنوانه أو نبذة عنه.


شارك المقالة: