Membuat Checkbox dan Radio Button
Yuk mari para programmer pemula yang stay di blogger ini, lanjutin artikel sebelumnya mengenal atau belajar membuat check box dan radio button. Ke dua element ini nanti nya bisa membuat register member atau semacam menu di web.
Kita masih mengunakan tag input untuk kedua element ini, tapi atribut yang kita pakai berbeda dengan yang sebelumnya.
Program :
<html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center> Menu UnlimitShared™ </center>
<form>
<p>Pilih menu yang anda inginkan : </p>
<input type="checkbox" name="menu1" value="Y"/>
Menu Pertama <br>
<input type="checkbox" name="menu2" value="Y"/>
Menu Kedua <br>
<input type="checkbox" name="menu3" value="Y"/>
Menu Ketiga <br>
<input type="checkbox" name="menu4" value="Y"/>
Menu Keempat <br>
<p>Jenis Kelamin : </p>
<input type="radio" name="dj" value="L"/> Laki-laki <br>
<input type="radio" name="dj" value="P"/> Perempuan <br>
<input type="radio" name="dj" value="N"/> Tidak Jelas <br>
</form>
</body>
</html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center> Menu UnlimitShared™ </center>
<form>
<p>Pilih menu yang anda inginkan : </p>
<input type="checkbox" name="menu1" value="Y"/>
Menu Pertama <br>
<input type="checkbox" name="menu2" value="Y"/>
Menu Kedua <br>
<input type="checkbox" name="menu3" value="Y"/>
Menu Ketiga <br>
<input type="checkbox" name="menu4" value="Y"/>
Menu Keempat <br>
<p>Jenis Kelamin : </p>
<input type="radio" name="dj" value="L"/> Laki-laki <br>
<input type="radio" name="dj" value="P"/> Perempuan <br>
<input type="radio" name="dj" value="N"/> Tidak Jelas <br>
</form>
</body>
</html>
Output yang dihasilkan :
Untuk tipe Checkbox, nama-nama element tidak sama dan nilai pengisinya boleh sama, boleh juga tidak sama. Pilihan ini disesuaikan dengan kebutuhan kita. Untuk tipe radio button nama element form sama dan setiap pilihan mempunyai nilai yang berbeda-beda.
No comments:
Write komentar