Skip to main content

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 adalah unik, karena mereka menawarkan beberapa opsi kepada pengguna tetapi hanya mengizinkan salah satu opsi yang diberikan untuk dipilih pada satu waktu.Salah satu kegunaan yang paling umum untuk tombol radio HTML adalah menangkap pilihan dalam formulir input pengguna, meskipun mereka juga dapat memiliki pemilihan dan penghapusan peristiwa pemilihan dicegat oleh skrip atau program lain, yang memungkinkan mereka untuk bertindak sebagai pemilih instan untuk elemen lain di ON lainnyahalaman web.Melalui penggunaan Cascading Style Sheets (CSS) dan JavaScript , tombol radio HTML dapat menggunakan gambar khusus untuk tampilan, mengesampingkan penampilan default mereka.Contoh situasi di mana tombol radio HTML dapat digunakan termasuk memilih jenis kelamin, yang hanya dapat memiliki satu nilai dari dua opsi yang berbeda, atau memilih satu alamat pengiriman ketika beberapa alamat terdaftar.

dalam beberapa aspek, tombol radio HTML serupake kotak centang HTML.Setiap tombol diberi label gambar atau teks yang ditampilkan di mana tombol terletak di dalam tata letak.Di sebelah label ini adalah lingkaran yang kosong ketika tombol radio tidak dipilih dan memiliki titik atau pola pengisian lain di dalamnya saat dipilih.Pengguna dapat mengklik lingkaran untuk memilihnya;Aspek unik dari tombol radio HTML adalah bahwa, ketika tombol dipilih, semua tombol lain dalam grup yang sama tidak dipilih, hanya memungkinkan satu item dipilih pada satu waktu.Ini tidak seperti kotak centang, yang serupa tetapi memungkinkan sejumlah opsi dipilih sekaligus.

Ada dua nilai dalam properti tombol radio HTML yang penting untuk penggunaannya.Yang pertama adalah bidang nama yang mengidentifikasi grup yang dimiliki tombol radio dalam dokumen HTML, dan yang kedua adalah bidang nilai.Ketika tombol dipilih, semua tombol radio lain dengan nama yang sama, juga disebut grup mereka, tidak terpilih.Menggunakan nama grup yang berbeda memungkinkan berbagai set tombol radio ada dalam dokumen yang sama.Nilai tag 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 gambar diselaraskan.Penampilan tombol, khususnya lingkaran dan gambar 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 aplikasike yang lain.