Pertemuan 24

 Belajar Elemen Form Radio Button pada HTML

Elemen `<input>` dengan tipe `radio` adalah elemen formulir HTML yang memungkinkan pengguna untuk memilih satu dari beberapa opsi yang saling eksklusif. Radio button digunakan ketika Anda ingin pengguna memilih satu dari beberapa pilihan yang saling terkait.

Berikut adalah contoh penggunaan elemen `<input>` dengan tipe `radio`:

Penjelasan dari kode di atas:

- `<input>`: Ini adalah elemen input yang digunakan untuk memasukkan data. 

- `type="radio"`: Ini adalah atribut yang menentukan jenis data yang akan dikumpulkan, yaitu radio button.

- `id`, `name`, dan `value`: Ini adalah atribut yang memberikan identifikasi dan nilai untuk elemen radio button. `id` adalah ID unik untuk elemen, `name` adalah nama grup radio button (harus sama untuk radio button yang saling terkait), dan `value` adalah nilai yang akan dikirim ke server jika radio button tersebut dipilih.

- `<label>`: Ini adalah elemen label yang digunakan untuk memberikan label teks untuk radio button. Pengguna dapat mengklik label untuk memilih radio button.

Penting untuk diingat bahwa radio button yang memiliki nama (`name`) yang sama akan membentuk grup, dan hanya satu radio button dalam grup yang dapat dipilih pada satu waktu. Jika pengguna memilih satu radio button, maka seleksi pada radio button lain dalam grup akan hilang.

Hasil dari kode di atas adalah formulir dengan tiga radio button yang memungkinkan pengguna memilih salah satu opsi dari tiga pilihan yang disediakan.

Radio button berguna ketika Anda memiliki sejumlah opsi eksklusif dan ingin pengguna memilih salah satu dari opsi tersebut. Misalnya, dalam formulir registrasi, Anda dapat menggunakan radio button untuk meminta pengguna memilih jenis kelamin mereka.