radio tipindeki input bir radio button adı verilen seçim elemanı tanımlar. radio buttonlar kullanıcının sınırlı sayıdaki seçenek arasından sadece bir tanesini seçmesine izin verir.
Cinsiyet: <br>
<input type="radio" name="cinsiyet" value="kadin" id="female">
<label for="female">Kadın</label>
<input type="radio" name="cinsiyet" value="erkek" id="male">
<label for="male">Erkek</label><br>
Yukarıdaki kodlarla kullanıcının cinsiyetini seçmesini sağlayan bir ekran oluşturulmuştur. radio tipindeki inputlardan ikisinin de name niteliğinin cinsiyet olduğuna dikkat edelim. Bu gibi durumlarda kullanılan radio inputların name değerlerinin aynı olması bir zorunluluk değildir fakat genel kullanımı bu şekildedir. Form verileri taşınırken radio inputların value niteliğinde yer alan değerler iletilmektedir. Kullanıcı seçime sunulan kadın ve erkek değerleri arasından sadece bir tanesini seçebilecektir.
Yukarıdaki kod bloğu tarayıcıda aşağıdaki gibi görünmektedir.
HTML Input Elemanları