Cara Membuat radio button di html

Sampul Ilmu @ Cara membuat Radio Button di HTML.  Sebuah tombol radio Button  atau tombol pilihan adalah pilihan kontrol yang  memungkinkan pengguna untuk memilih hanya salah satu pilihan saja.  Tombol radio Button  diatur dalam dua atau lebih kategori. Setiap tombol radio Button  Biasanya disertai dengan label yang mewakili Pilihan kategori  Ketika pengguna Memilih tombol radio Button , cara menggunakan  tombol radio Button  dilakukan dengan cara  mengklik mouse pada tombol, atau judul, atau dengan menggunakan cara pintas keyboard. 

Sebagai Contoh cara membuat radio button di html. Sampul Ilmu Menggunakan Kategori Jenis Kelamin, yang terdiri dari Laki-laki dan perempuan. Dimana anda dapat memilih hanya satu pilihan saja. radio button yang telah dipilih  akan berbentuk lingkaran dengan warna gelap sedangkan radio button yang tidak terpilih akan berwarna terang.

Bentuk Umum Penulisan Rumus radio button di html :

<input type="radio" name="sex" value="male">Male<br>


Keterangan Rumus :
Type=”radio” adalah Type Radio Button
Name= “JK” adalah nama dari Radio Button
Value=”Laki-Laki” adalah Isi atau Nilai Dari Radio Button
Value=”Perempuan” adalah Isi atau Nilai Dari Radio Button

Berikut Cara 1 Menggunakan radio button di html :
Buatlah Label Dengan nama Jenis Kelamin Kemudian buatlah pilihan jenis kelamin dengan nama Laki-Laki dan Perempuan
Buka Notepad Kemudian Masukkan Kode HTML Dibawah ini:

<html>
<head><title>Sampul Ilmu</title></head>
<body>
<table>
<tr>
<td>Jenis Kelamin :</td>
<td><input type="radio" name="jk" value="Laki-Laki">Laki-Laki</td>
<td><input type="radio" name="jk" value="Perempuan">Perempuan</td>
</tr>
</table>
</body>
</html>

Hasil Cara 1 Menggunakan radio button di html

Berikut Cara 2 Menggunakan radio button di html :
Buka Notepad Kemudian Masukkan Kode HTML Dibawah ini:
<html>
<head><title>Sampul Ilmu Cara 2</title></head>
<body>
<form action="">
Jenis Kelamin :
<input type="radio" name="jk" value="Laki-laki">Laki-Laki
<input type="radio" name="jk" value="Perempuan">Perempuan
</form>
</body>
</html>

Hasil Cara 2 Menggunakan radio button di html

Semoga Cara Membuat radio button di html Dapat Bermanfaat

1 Response to "Cara Membuat radio button di html"

  1. Mohon ijin sharing gan!
    Tombol Radio digunakan dalam bentuk 2 tombol atau lebih yang memungkinkan pemakai hanya memilih satu dari sekian tombol. Tombol radio diimplementasikan dengan menggunakan tag INPUT dengan atribut TYPE diberi nilai "RADIO". Untuk membentuk sekelompok radio yang menyatakan sebuah pilihan, atribut NAME perlu diisi dengan nama yang sama.
    Salah satu tombol radio bisa dilengkapi dengan atribut CHECKED, yang menyatakan bahwa tombol itulah yang menjadi nilai bawaan. Atribut VALUE untuk menentukan nilai terhadap nama data sekiranya tombol bersangkutan diklik.
    Terimakasih gan atas sharingnya!

    ReplyDelete