Radio Button
Radio button merupakan elemen form HTML berupa tombol bulat yang dapat dicentang atau tidak.
Tombol radio dibuat dengan tag input
dengan atribut type bernilai radio.
Tampilannya:
Satu tombol radio hampir tidak pernah
digunakan sendiri, mereka harus digunakan
secara berkelompok. Dalam satu grup, hanya
satu tombol yang dapat dicentang. Tombol-tombol
akan membentuk grup hanya jika mereka memiliki
nilai atribut name
yang sama (lihat contoh di bawah).
Contoh
Mari buat dua tombol radio:
yang pertama dicentang (diberi atribut checked),
dan yang kedua - tidak. Tombol-tombol ini akan
mewakili sebuah grup, di mana
hanya satu yang dapat dicentang (karena
mereka memiliki nilai atribut name yang sama).
Perhatikan bahwa tombol radio ini
diberi nilai atribut value yang berbeda.
Ini diperlukan agar setelah data dikirim
ke server, PHP dapat menentukan
tombol mana yang dipilih:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
Contoh
Sekarang mari buat dua grup tombol
radio: grup pertama akan memiliki
satu nilai atribut name,
dan grup kedua - nilai lainnya. Mari coba
klik mereka, dan kita akan lihat bahwa grup
berubah secara independen satu sama lain:
<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">
<br>
<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">
: