Apa itu Tombol Radio HTML?

Dalam dokumen HyperText Markup Language (HTML), tombol radio adalah jenis elemen visual yang dapat dipilih oleh pengguna. Tombol radio HTML unik, karena menawarkan beberapa opsi kepada pengguna tetapi hanya mengizinkan salah satu opsi yang diberikan untuk dipilih pada satu waktu. Salah satu kegunaan paling umum untuk tombol radio HTML adalah untuk menangkap pilihan dalam formulir input pengguna, meskipun mereka juga dapat memiliki acara pemilihan dan pembatalan pemilihan yang dicegat oleh skrip atau program lain, memungkinkan mereka untuk bertindak sebagai pemilih instan untuk elemen lain pada sebuah halaman web. Melalui penggunaan cascading style sheets (CSS) dan JavaScript®, tombol radio HTML dapat menggunakan gambar khusus untuk ditampilkan, mengesampingkan tampilan defaultnya. Contoh situasi di mana tombol radio HTML dapat digunakan termasuk memilih jenis kelamin, yang hanya dapat memiliki satu nilai dari dua opsi berbeda, atau memilih satu alamat pengiriman ketika beberapa alamat dicantumkan.

Dalam beberapa aspek, tombol radio HTML mirip dengan kotak centang HTML. Setiap tombol diberi label gambar atau teks yang ditampilkan di mana tombol tersebut berada di dalam tata letak. Di sebelah label ini ada lingkaran yang kosong saat tombol radio tidak dipilih dan memiliki titik atau pola isian lain di dalamnya saat dipilih. Seorang pengguna dapat mengklik lingkaran untuk memilihnya; aspek unik dari tombol radio HTML adalah, ketika sebuah tombol dipilih, semua tombol lain dalam grup yang sama tidak dipilih, memungkinkan hanya satu item yang dipilih pada satu waktu. Ini tidak seperti kotak centang, yang serupa tetapi memungkinkan sejumlah opsi untuk dipilih sekaligus.

Ada dua nilai dalam properti tombol radio HTML yang penting untuk digunakan. Yang pertama adalah bidang nama yang mengidentifikasi grup tempat tombol radio berada dalam dokumen HTML, dan yang kedua adalah bidang nilai. Saat sebuah tombol dipilih, semua tombol radio lainnya dengan nama yang sama, juga disebut grupnya, tidak dipilih. Menggunakan nama grup yang berbeda memungkinkan set tombol radio yang berbeda ada dalam dokumen yang sama. Tag nilai adalah nilai pengembalian aktual untuk tombol radio saat dipilih dan dikirimkan ke skrip atau program untuk diproses.

Tampilan visual tombol radio HTML dapat dimodifikasi dalam beberapa cara. Melalui penggunaan nilai penyelarasan HTML dan CSS standar, tombol dapat diatur secara dinamis dalam dokumen dengan cara yang sama seperti penyelarasan gambar. Tampilan tombol, khususnya gambar lingkaran dan lingkaran yang dipilih, dapat disesuaikan sepenuhnya dan diganti dengan gambar yang dibuat pengguna dengan memanipulasi model objek dokumen (DOM) dengan CSS dan JavaScript®, meskipun dukungan browser tidak selalu konsisten dari satu aplikasi ke yang lain.