Tombol Radio

Dalam HTML, tombol radio digunakan untuk membuat kumpulan opsi yang saling eksklusif, sehingga pengguna hanya dapat memilih satu opsi dari kumpulan tersebut. Tombol radio dibuat menggunakan tag <input> dengan atribut type yang diatur ke "radio".

Berikut sintaks dasar untuk membuat tombol radio dalam HTML:

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Tag yang mendefinisikan kolom input.
• type="radio": Atribut yang menentukan tipe input sebagai tombol radio.
• id: Atribut yang memberikan pengenal unik pada tombol radio.

• name: Atribut yang mengelompokkan tombol radio. Semua tombol radio dengan name yang sama termasuk dalam grup yang sama, dan hanya satu opsi dalam grup yang dapat dipilih pada satu waktu.

• value: Atribut yang menentukan nilai yang terkait dengan tombol radio. Nilai ini dikirim ke server saat formulir dikirim.

• <label>: Tag yang menyediakan label yang dapat diklik untuk tombol radio. Atribut for pada label harus cocok dengan atribut id pada tombol radio.

Berikut contoh cara membuat grup tombol radio:

<form>
	<input type="radio" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label>
	<br>
	
	<input type="radio" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label>
	<br>
	
	<input type="radio" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label>
	<br>
</form>

Dalam contoh ini, kita memiliki formulir dengan tiga tombol radio yang semuanya termasuk dalam grup yang sama karena menggunakan atribut name yang sama ("mygroup"). Setiap tombol radio memiliki id dan value yang unik, serta label yang sesuai. Saat pengguna memilih salah satu opsi ini dan mengirimkan formulir, nilai tombol radio yang dipilih akan dikirim ke server.