Html Radio Button Kullanımı
Html’de Radyo Düğmesi Kullanımı
HTML form elementlerinin en yaygın kullanılanlarından biri radyo düğmesidir. Radyo düğmeleri, kullanıcıya belirli bir seçenek kümesi arasında seçim yapma imkanı sunar. Bu makalede, HTML radyo düğmelerinin nasıl kullanıldığını ve görüntülendiğini öğreneceksiniz.
Radyo düğmeleri, bir grup içinde yer alır ve kullanıcının yalnızca bir seçeneği işaretlemesine izin verir. Yani, kullanıcının tek bir seçenek yapması beklenir. Bu, kullanıcıya sadece bir seçeneğin seçilebileceği anlamında bir uyarıdır.
HTML’de radyo düğmesi oluşturmak için, `` etiketini kullanırız ve `type` özelliğini `radio` olarak ayarlarız. Ayrıca, aynı grupta bulunan radyo düğmelerini birbirleriyle ilişkilendirmek için her düğmenin aynı `name` özelliğini paylaşması gerekir.
Örnek olarak, bir anket formunda “En sevdiğiniz renk hangisidir?” gibi bir soru sorulduğunu düşünelim ve kullanıcının aşağıdaki seçeneklerden birini seçmesi gerektiğini varsayalım:
– Kırmızı
– Mavi
– Yeşil
HTML kodumuz aşağıdaki gibi olabilir:
“`html
En sevdiğiniz renk hangisidir?
“`
Yukarıdaki örnekte, her radyo düğmesi `name` özelliğiyle ilişkilendirilmiştir. Böylece, kullanıcı yalnızca bir seçenek yapabilir. Ayrıca, `value` özelliği tarafından belirtilen değerler, sunucuya gönderme amaçlıdır. Örneğin, kullanıcı “Mavi” seçeneğini işaretlediğinde, sunucuya “mavi” değeri gönderilir.
Radyo düğmeleri, `label` etiketleriyle birlikte kullanıldığında daha kullanıcı dostu bir deneyim sunar. `Label` etiketi, radyo düğmesiyle ilişkilendirildiğinde, kullanıcılar tıklayarak seçim yapabilirler. Yukarıdaki örnekte, `label` etiketleri düğmelerin yanında bulunur ve `for` özelliğiyle ilgili radyo düğmesinin `id` değeriyle ilişkilendirilir.
Sonuç olarak, HTML radyo düğmeleri, kullanıcılara seçim yapma imkanı sunan kullanışlı bir form elemanıdır. Grup halinde bulunan bu düğmeler, yalnızca bir seçeneği işaretlemeye olanak tanır ve kullanıcıya birçok seçenek sunan bir anket ya da form oluşturmak için idealdir. Yukarıdaki örnekteki gibi basit bir HTML kodu kullanarak radyo düğmelerini kolayca oluşturabilir ve kullanıcılara istedikleri seçeneği seçme imkanı sunabilirsiniz.
Bu yazıda HTML radyo düğmelerinin temel kullanımını öğrendiniz. Artık kendi web formlarınızda radyo düğmelerini başarıyla kullanabilirsiniz.