Radio button adalah salah satu tipe input yang bisa kita letakkan di dalam form HTML. Radio button bisa dibuat dengan memberi nilai "radio" pada atribut "type" dalam tag <input>. Radio button bisa kita gunakan untuk memberikan pilihan pada pengguna, misalnya untuk membuat soal pilihan ganda.
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
<FORM method="post" action="test.htm">
<label>Jenis kelamin :</label><BR />
<INPUT type="radio" name="lelaki"><label>Laki-laki</label><BR />
<INPUT type="radio" name="perempuan"><label>Perempuan</label><BR />
<INPUT type="submit" name="kirim" value="Kirim">
</FORM>
</BODY>
</HTML>
Contoh di atas adalah contoh pemberian nama radio button yang kurang tepat. Radio button dengan nama yang berbeda bisa dipilih semuanya sekaligus.
Radio button berbeda dengan input lain yang berdiri sendiri dengan satu name yang unik. Input dengan tipe radio button yang termasuk satu kelompok perlu diberi name yang sama. Sekelompok radio button bernama sama hanya bisa dipilih salah satunya saja. Jika kalian ingin menandai salah satu radio button sebagai pilihan awal saat halaman dibuka, gunakan atribut "checked".
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
<FORM method="post" action="test.htm">
<label>Jenis kelamin :</label><BR />
<INPUT type="radio" name="jkelamin" checked><label>Laki-laki</label><BR />
<INPUT type="radio" name="jkelamin"><label>Perempuan</label><BR />
<INPUT type="submit" name="kirim" value="Kirim">
</FORM>
</BODY>
</HTML>
Saat tombol submit ditekan dan data diproses oleh script, radio button yang memiliki name yang sama hanya mengirim satu data berdasarkan value dari radio button yang dipilih. Untuk saat ini abaikan saja tentang penggunaan radio button dalam script. Sekarang, kita gunakan radio button dengan cara yang sederhana saja dalam kode HTML tanpa script.