Cara Membuat Radio Button pada HTML

A. Pendahuluan :

Form dalam desain web merupakan hal vital yang mutlak harus ada untuk membuat keinteraktifan dengan pengunjung. Berikut salah satu komponen pada form ialah Radio Button, Radio Button ini digunakan untuk input data yang sifatnya optional. Dalam hal ini user diminta memilih option yang ada pada radio button. Item pilihan pada radio button hanya bisa dipilih salah satu saja. Untuk membuat radio button dengan menuliskan < input type="radio" name="nama komponen" value="nilai />.

B. Script Code

<!DOCTYPE> <html> <head> <title> Membuat Radio Button </title> <h1 style ="text-align:center;"><u> Cara Membuat Radio Button pada HTML </u></h1> </head> <body> <form method="post" action=""> <input type="radio" name="job" value="Dokter" /> Dokter <br /> <input type="radio" name="job" value="Petani" /> Petani <br /> <input type="radio" name="job" value="Wiraswasta" /> Wiraswasta <br /> <br/> <input type="submit" name="submit" value="Kirim Data" /> </body> </html>

C. Hasil Preview

Dokter
Petani
Wiraswasta

D. Kesimpulan :

Dari Script dan hasil di atas dapat diketahui bahwa untuk setiap komponen radio button memiliki nama komponen yang sama yaitu 'job'. Hal ini dikarenakan ketiga komponen tersebut dalam satu kelompok yaitu jenis pekerjaan yang mana salah satunya akan dipilih.