أزرار الاختيار:

أزرار الاختيار Radio Buttons ، هي تماما كمربعات الاختيار، ولكن الفارق الوحيد بينهما هو أن مربعات الاختيار يمكن استخدامها في اختيار أكثر من مربع فعلى سبيل المثال في المثال السابق يمكنك تعليم الثلاثة مربعات الموجودة في النموذج، والتي يحتوي كل منها على اختيار معين.

أما أزرار الاختيار فتتيح لك اختيار خيار واحد فقط بين مجموعة الخيارات المتاحة والتي تمثلها أزار الاختيار.

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

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