Page 16 - MODUL PEMROGRAMAN WEB
P. 16
</head>
<body>
<form name="form1" method=" post" action="">
Hobi :
<input type="checkbox" name="hobi" value="sepakbola">Sepak bola
<input type="checkbox" name="hobi" value="lain-lain" checked >Lain-
lain
</form>
</body>
</html>
Buka editor text (notepad++) ketik skrip html diatas dan simpan dengan nama
Kontrol_checkbox.html. Kemudian run melalui browser, maka akan tampil
seperti berikut ini :
Gambar 3. Output skrip kontrol checkbox
i. Kontrol List
Dengan control input list, Anda dapat menampilkan lebih dari satu pilihan. Ada
dua jenis list yang dapat digunaka, yaitu list dan menu. Pendefinisan control list
menggunakan tag <select>…..</select>. Contoh skrip program untuk membuat
input form dengan kontrol CheckBox adalah sebagai berikut:
<html>
<head>
<title>control input form</title>
</head>
<body>
<form name="form1" method=" post" action="">
Hobi saya :
<br><select name="select" size="3" multiple>
<option value="Sepakbola">Sepak Bola</option>
<option value="Volly">Volly</option>
<option value="Basket">Basket</option>
</select>
</form>
</body>
</html>
15
