Membuat Radio Button dengan HTML

Anda pasti pernah mengisi formulir pendaftaran email kan ? Jika ya, anda pasti disodori beberapa pilihan ( kebanyakan hanya memilih 1 pilihan ) yang berbentuk ttik / bullet didepannya. Polling diblogger anda contohnya, hampir keseluruhannya berbentuk seperti itu.

Script radio button sering digunakan dalam formulir pendaftaran email, lamaran pekerjaan, polling, dan lain - lain secara online.
Tag dasar pembuatan radio button seperti ini :

<input type="radio" name="variable" value'="value">

Daripada bikin penasaran, langsung praktek aja yuk ..... ! :D


Anda bisa perhatikan contoh dibwaha ini. Bisa langsung dipraktekkan koq. Namun , jika anda membuat pengguna membolehkan satu pilihan saja, anda harus membuat variabel yang sama pada semua pilihan yang dibuat.
Untuk lebih jelasnya, perhatikan script berikut :

<form action="..." name="">
<p><b> Makanan apa yang paling anda suka ? </b></p>
<p><input type="radio" name="a" value="Gado-gado">Gado - Gado</p>
<p><input type="radio" name="a" value="Bakso">Bakso</p>
<p><input type="radio" name="a" value="Mie Ayam">Mie Ayam</p>
<p><input type="radio" name="a" value="Empek-empek">Empek-empek</p>
</form> :

Hasilnya .... ? ini dia !

Makanan apa yang paling anda suka ?

Gado - Gado

Bakso

Mie Ayam

Empek-empek

NB : Pada bagian action="..." saya kosoingi karena ini berpengaruh jika anda menggunakan file .php untuk mengeksekusi sebuah polling misalnya kedalam database anda, itupun jika ada menggunakan input tombol.
Sebenarnya tanpa script form, form radio button juga bisa digunakan. Scriptnya sebagai berikut :

<p><b> Makanan apa yang paling anda suka ?</b></p>
<p><input type="radio" name="a" value="Gado-gado">Gado - Gado</p>
<p><input type="radio" name="a" value="Bakso">Bakso</p>
<p><input type="radio" name="a" value="Mie Ayam">Mie Ayam</p>
<p><input type="radio" name="a" value="Empek-empek">Empek-empek</p>

Hasilnyapun nggak jauh beda kan ?
Lebih jelasnya tentang penggunaan tombol bisa kita bahas lain waktu, usai sudah pertemuan kita kali ini tentang form radio button.
Jika anda kurang puas, bisa anda perbaiki lagi dengan imajinasi anda !
Happy blogging with Jogja Blogger !