<input type="radio">
HTML <input type="radio">
Misol
Radio tugmalar foydalanuvchiga cheklangan miqdordagi variantlardan faqat bittasini tanlash imkonini beradi:
<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>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
<input type="radio"> radio tugmani belgilaydi.
Radio tugmalar odatda radio guruhlarda (o‘zaro bog‘liq variantlar to‘plamini tavsiflovchi radio tugmalar majmuasida) taqdim etiladi. Guruhdagi radio tugmalardan bir vaqtda faqat bittasini tanlash mumkin.
Eslatma: Radio guruh bitta guruh sifatida qaralishi uchun undagi tugmalar bir xil nomga (name atributining qiymatiga) ega bo‘lishi kerak. Radio guruh yaratilgach, shu guruhdagi istalgan radio tugmani tanlash o‘sha guruhdagi boshqa tanlangan radio tugmani avtomatik ravishda tanlovdan chiqaradi. Har bir guruhning o‘z nomi bo‘lsa, sahifada xohlagancha radio guruh bo‘lishi mumkin.
Eslatma: value atributi har bir radio tugma bilan bog‘langan noyob qiymatni belgilaydi. Bu qiymat foydalanuvchiga ko‘rsatilmaydi, lekin qaysi radio tugma tanlanganini aniqlash uchun "submit" paytida serverga aynan shu qiymat yuboriladi.
Maslahat: Qulaylik (accessibility) bo‘yicha eng yaxshi amaliyotlarga rioya qilish uchun har doim <label> tegini qo‘shing!
Brauzerlarda qo‘llab-quvvatlash
| Atribut | |||||
|---|---|---|---|---|---|
| type="radio" | Ha | Ha | Ha | Ha | Ha |
Sintaksis
<input type="radio">
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!