شرح صفوف ومحتوى الفقرة
يستخدم زر radio input لتحديد خيار واحد فقط من بين جميع الاختيارات الموجودة، مثل: gender male or female لاختيار ذكر أو أنثى.
- القيمة التي تحدد زر radio input هي radio لتصبح بهذا الشكل <input type="radio">.
- يجب تحديد الاسم عن طريق خاصية name وتشترك خيارات السؤال الواحد داخل النموذج في الاسم نفسه؛ استخدم اسمًا مختلفًا لكل مجموعة مستقلة.
تحدد value القيمة المرسلة للخيار المحدد. غيابها يرسل on، فلا يمكن التمييز بين الخيارين؛ لذلك يحدد المثال male وfemale صراحةً.
HTML form radio input
اختيار إجابة واحدة من بين اختيارات المجموعة التي تحمل name نفسه داخل HTML form.
HTML
<form>
<input type="radio" id="male" value="male" name="gender">
<label for="male">Male</label><br>
<input type="radio" id="female" value="female" name="gender">
<label for="female">Female</label><br>
</form>