<نوع الإدخال = "راديو"> HTML
مثال
تتيح أزرار الاختيار للمستخدم تحديد خيار واحد فقط من عدد محدود من الخيارات:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
التعريف والاستخدام
يحدد <input type="radio">
زر الاختيار.
تظهر أزرار الاختيار عادةً في مجموعات الراديو (مجموعة من أزرار الاختيار تصف مجموعة من الخيارات ذات الصلة). يمكن تحديد زر اختيار واحد فقط في المجموعة في نفس الوقت.
ملاحظة: يجب أن تشترك مجموعة الراديو في نفس الاسم (قيمة name
السمة) لتتم معاملتها كمجموعة. بمجرد إنشاء مجموعة الراديو ، يؤدي تحديد أي زر اختيار في تلك المجموعة إلى إلغاء تحديد أي زر اختيار آخر محدد في نفس المجموعة تلقائيًا. يمكن أن يكون لديك العديد من مجموعات الراديو على الصفحة كما تريد ، طالما أن لكل مجموعة اسمها الخاص.
ملاحظة: تحدد السمة value
القيمة الفريدة المرتبطة بكل زر اختيار. لا تظهر القيمة للمستخدم ، ولكنها القيمة التي يتم إرسالها إلى الخادم في "إرسال" لتحديد زر الاختيار الذي تم تحديده.
نصيحة: أضف دائمًا <label>
العلامة لأفضل ممارسات الوصول!
دعم المتصفح
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
<input type="radio">