Cara Mudah Membuat Komponen Radio Button pada HTML

Halo Sekripers !
Pada kesempatan kali ini kami akan memberikan tutorial untuk membuat komponen radio button pada HTML

Pada  form  input  radio  button  hanya  ada  satu  pilihan  yang  terseleksi,tidak  bisa digunakan  untuk  multiple  answer.  Format  umum  tag  HTML  dari    Form  Input Radio Button adalah sebagai berikut :
<input type=radio name=name value=value><input type=radio name=name value=value checked>

Name=  “name”  merupakan  pemberian  nama  pada  komponen  input  sebagai nama dari komponen. Karena pada saat sistem web dijalankan maka data yang diolah  di  dalam  pemrograman  adalah  berdasarkan  nilai  (value)  dari nama komponen  input  tersebut.

Listing Kodenya :
<!doctype html>
<html>
<head>
<title>radio button </title>
</head>
<body>
Tingkat Pendidikan :
<form>
<input type="radio" name="pendidikan" value="SD"
>SD<br>
<input type="radio" name="pendidikan" value="SMP">SMP<br>
<input type="radio" name="pendidikan" value="SMA">SMA<br>
<input type="radio" name="pendidikan" value="D3">D3<br>
<input type="radio" name="pendidikan" value="S1">S1<br>
<input type="radio" name="pendidikan" value="S2">S2<br>
<input type="radio" name="pendidikan" value="S3">S3<br>
</form>
</body>
</html>


Yang  perlu  diperhatikan  pada  penggunaan  input  radio  adalah  bahwa  atribut nama  (name)  dari  komponen  dari  input  tersebut  harus sama.

Tampilan programmnya :


Bagi yang baru mengunjungi blog kami : 
Untuk pertemuan kali ini dicukupkan sekian , Terimakasih.



Previous
Next Post »