Radio button yaitu elemen GUI (graphical user interface) yang memungkinkan pengunjung untuk memilih hanya satu item dari daftar opsi yang disajikan. Elemen radio button akan ditampilkan dalam kelompok yang terdiri dari beberapa opsi atau setidaknya dua opsi.
Radio button ini berbentuk lingkaran kecil. Ketika lingkaran tersebut dipilih oleh user maka tampilan radio button akan terlihat seperti lingkaran dengan titik di dalamnya.
Radio button bersifat mutually exclusive. Jadi, ketika ketika pengguna memilih satu opsi, maka pengguna tidak akan bisa memilih opsi lain yang artinya pengguna hanya bisa memilih satu opsi dari daftar yang di sajikan.
Contoh pengguaan Radio Button
 |
| Radio Button pada HTML |
<!DOCTYPE html>
<html lang="en">
<head>
<title>contoh radio button</title>
</head>
<body>
<form action="">
<label for="jk">Jenis Kelamin</label> <br>
<input type="radio" id="jk" name="jk" value="Laki-laki"> Laki-laki <br>
<input type="radio" id="jk" name="jk" value="Perempuan">Perempuan <br><br>
<label for="persetujuan">Persetujuan</label> <br>
<input type="radio" id="persetujuan" name="persetujuan" value="YA"> YA <br>
<input type="radio" id="persetujuan" name="persetujuan" value="TIDAK">TIDAK <br>
</form>
</body>
</html>
Keterangan :
Radio button adalah salah satu type pada tag input pada html
Dalam satu grup radio Name pada tag input yang yang menggunakan typr radio harus sama
Atribut value = “” berfungsi untuk menyimpan data pada html untuk dikirim
Radio button harus berada di dalam tag <form></form>
Artikel terkait :
refrensi : https://www.logique.co.id/
0 Reviews:
Posting Komentar