Cara Mudah Membuat Radio Button Di HTML

Sabtu, Desember 05, 2015
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.
sobat DPC PERTUNI 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>
Kalau sobat tulis seperti itu maka akan menghasilkan seperti ini: Male

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:

  1. 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>DPC PERTUNI KOTA BENGKULU</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>
    Seperti ini kenampakkannya:
    DPC PERTUNI KOTA BENGKULU
    Jenis Kelamin : Laki-Laki Perempuan

  2. Berikut Cara 2 Menggunakan radio button di html :
    Buka Notepad Kemudian Masukkan Kode HTML Dibawah ini:
    <html>
    <head><title>DPC PERTUNI KOTA BENGKULU 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>
    Hasilnya seperti ini:
    DPC PERTUNI KOTA BENGKULU Cara 2
    Jenis Kelamin : Laki-Laki Perempuan
Demikianlah caranya membuat Radio Button di HTML.

Artikel Terkait

Previous
Next Post »

2 Silahkan berkomentar sesuai tema, Terimakasih

Write Silahkan berkomentar sesuai tema, Terimakasih
Muhammad
AUTHOR
24 Desember 2015 pukul 13.27 delete

hello mas, kunjungan perdana ya..

Reply
avatar
30 Desember 2015 pukul 11.55 delete

Hello juga, terimakasih kunjungannya.

Reply
avatar

Untuk sobat DPC PERTUNI yang ingin bertanya atau memberikan sebuah komentar yang membangun kami persilahkan berkomentar di sini. Mari kita gunakan tutur kata yang gampang dimengerti dan jangan menghina sesama manusia. EmoticonEmoticon

Sobat Adalah Pengunjung Yang Ke