HTML’de, kullanıcının birkaç seçenek arasından sadece birini seçmesini sağlamak için “input” etiketi “type” özelliği “radio” olarak ayarlanabilir. Aşağıdaki örnek, bir kullanıcının bir anketi yanıtlaması için üç seçenek sunar:
<form> <input type="radio" id="secenek1" name="anket" value="1"> <label for="secenek1">Seçenek 1</label><br> <input type="radio" id="secenek2" name="anket" value="2"> <label for="secenek2">Seçenek 2</label><br> <input type="radio" id="secenek3" name="anket" value="3"> <label for="secenek3">Seçenek 3</label><br> <input type="submit" value="Gönder"> </form>
Bu örnekte, üç “input” etiketi, “type” özelliği “radio” olarak ayarlanarak üç farklı seçenek sunar. Her “input” etiketi, bir “id” özelliği, bir “name” özelliği ve bir “value” özelliği ile tanımlanmıştır. “id” özelliği, ilgili “label” etiketleri ile ilişkilendirilerek, etiketin tıklanarak radyo düğmesine odaklanmasını sağlar. “name” özelliği, radyo düğmelerinin birbirleriyle aynı grup olarak gruplandırılmasına olanak tanır. “value” özelliği, her radyo düğmesine benzersiz bir değer atar.
Ayrıca, bir “submit” düğmesi de içerir. Bu düğme, kullanıcının seçimini göndermesine olanak tanır.
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.