Komponen Radio Button - Catatan Faiq Hisyam Marwan

Contact Form

 

Komponen Radio Button

1.)    Komponen radio button
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. Berikut adalah penggalan listing program penulisan form input radio button

<!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
sederajat<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.  

Total comment

Author

Faiq Hisyam Marwan

0   comments

Cancel Reply