شرح العناصر color- range- num في النموج form في لغة Html

تحدثنا فى العديد من الدروس السابقة عن النماذج forms ويمكن الرجوع إلى هذه الدروس الموجودة للاسترجاع

الدرس الأول

الدرس الثاني

الدرس الثالث

الدرس الرابع

الدرس الخامس 

 وفي هذا الدرس سنتناول العناصر الآتية:-

العنصر color

من العناصر النادرة الاستعمال في النموذج في لغة Html هو العنصر color ويستخدم لعرض الألوان ويقوم المستخدم باختيار لون معين من قائمة الألوان

ويظهر العنصر color في المتصفح بهذا الشكل وبالضغط عليه تظهر قائمة الألوان ويمكن للمستخدم تحديد اللون الذي يريده 

وعند اختيار اللون الذي تريده يظهر بطريقة RGB ويمكن تغيير طريقة عرض الألوان بالضغط على هذه الأسهم واختيار مثلا HEX  

العنصر Range

ومن العناصر التي يمكن استخدامها مع النموذج form عنصر المدي Range ويمكن وضع قيمة صغرى له Min وقيمة عظمى له Max بحيث يكون المدي بين هاتين القيمتين

ويظهر العنصر Range في المتصفح بهذا الشكل ويمكن تحريكه بالمؤشر للوصول إلى المدى الذي نريده ثم الضغط على submit

كما يمكن وضع قيمة للقفزة في المرة الواحدة فمثلا هنا اخترنا ان تكون القفزة الواحدة مقدارها 5 نقاط بحيث في كل تحريك للماوس يتحرك 5 نقاط ومن value اخترنا القيمة الابتدائية للمدي وهى صفر

شكل المدى وهو يظهر القيمة الابتدائية تساوى صفر وبالطبع يمكن تحريكه بالماوس لاختيار القيمة التي نريدها.

العنصر number

ومن العناصر التي تستخدم مع النموذج form  العنصر number بحيث يختر المستخدم رقم معين. 

نلاحظ انه يمكن كتابة أي رقم أو عن طريق الأسهم اختيار رقم معين

يمكن التحكم في قيمة الرقم بوضع قيمة صغرى له Min وقيمة عظمى له Max

نلاحظ هنا أننا نستطيع اختيار أرقام في نطاق المدى المحدد فقط  وهو من 0 إلى 100