مربعات الاختيار

مربعات الاختيار   Check Boxes: هي عبارة عن مربعات يختوي علها النموذج تتيح للمستخدم الاختيار من بين عدة خيارات، والكود التالي يستخدم في إنشاء مربعات الاختيار:

كما يتضح من الكود السابق أتن مربعات الاختيار يتم إنشاؤها باستخدام العلامة <input type=”checkbox”….> وهي علامة مفردة يتم وضعها بين حدي العلامة الخاصة بأنشاء النموذج <form…> </from>، وتقوم هذه العلامة بإنشاء مربع اختيار واحد، وبعدد مربعات الاختيار التي تريد وضعها في النموذج يجب أن تقوم بتكرار هذه العلامة الخاصة ب‘نشاء مربعات الاختيار.

وتحتوي العلامة الخاصة بإنشاء مربعات الاختيار على مجموعة من الخواص، مثل الخاصية” nane=” والتي تأخذ قيمتها اسم مربع الاختيار، الخاصية value=” “، والتي تأخذ قيمتها القيمة التي يتم إرسالها إلى الموقع عند قيام زائر الموقع باختيار هذا المربع والضغط على زر الإرسال، والخاصية Checked=” ” والتي تحدد هل هذا المربع تم تعليمه بشكل افتراضي عند فتح الصفحة التي تحتوي على النموذج في المتصفح أم لا؟ وعندما تأخذ هذه الخاصية القيمة Chyecked= “checked” يكون المربع معلماً بشكل افتراضي في حالة فتح الصفحة التي تحتوي على النموذج في المتصفح. والكود  التالي يوضح كيفية إنشاء نموذج يحتوي على عدد من مربعات الاختيار:

الكود السابق يقوم بإنشاء نموذج يحتوي على ثلاثة مربعات اختيار كالموضحة في الشكل التالي، لاحظ على الكود أن مربعات الاختيار الثلاثة تأخذ نفس الاسم، وهو Lang، وبذلك يفهم الكود الخاص بالتعامل مع البيانات التي يتم إرسالها عن طريق النموذج أن هذه المربعات تنتمي إلى مجموعة واحدة، ولاحظ أيضا على الكود أن مربع الاختيار الأول قد أخذ القيمة checked، ولذلك يظهر هذا المربع في النموذج معلم بشكل افتراضي، كما يوضح الشكل: