Masalah utama yang terkait dengan tombol radio pilihan HTML adalah sulitnya bagi pengguna untuk mengidentifikasi dan memilih. Ini karena tombol radio yang dipilih mungkin tidak terlihat di halaman, atau mungkin menyatu dengan elemen lain di halaman. Selain itu, jika pengguna tidak mengetahui arti tombol radio yang dipilih sebelumnya, mereka mungkin tidak memahami mengapa tombol tersebut dipilih dan karenanya tidak mengetahui cara membatalkan pilihannya.
<input type="radio" name="gender" value="male" checked> Male<br> <input type="radio" name="gender" value="female"> Female<br>
1. Baris kode ini membuat elemen input bertipe “radio” dengan nama “gender” dan nilai “male”. Atribut "dicentang" juga disertakan, yang berarti bahwa tombol radio ini akan dipilih secara default saat formulir dimuat.
2. Baris kode ini membuat elemen input lain bertipe “radio” dengan nama yang sama (“gender”) tetapi nilainya berbeda (“female”). Tidak ada atribut yang dicentang, jadi tombol radio ini tidak akan dipilih secara default saat formulir dimuat.
Tombol radio dipilih sebelumnya
Tombol radio adalah jenis elemen input dalam HTML yang memungkinkan pengguna memilih satu opsi dari sekumpulan pilihan. Mereka biasanya digunakan ketika ada daftar dua atau lebih opsi yang saling eksklusif dan pengguna harus memilih satu pilihan. Tombol radio dipilih sebelumnya dalam HTML dengan menggunakan atribut "dicentang". Atribut ini dapat diterapkan ke tombol radio mana pun dalam grup, dan akan dipilih secara otomatis saat halaman dimuat. Atribut "dicentang" juga dapat digunakan untuk memilih tombol radio secara terprogram, yang memungkinkan pengembang menetapkan nilai default untuk formulir.
Cara memilih tombol radio di HTML
Preselecting tombol radio dalam HTML dilakukan dengan menggunakan atribut "dicentang". Atribut ini dapat ditambahkan ke tag untuk tombol radio yang harus dipilih sebelumnya. Sebagai contoh:
Pria
Perempuan
