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
Post a Comment for "Cara Membuat radio button di html"
Post a Comment