Halo sobat Artikel Multimedia,
jika sebelumnya kita sudah membahas tentang input teks dan radio button, kali
ini kita melanjutkan tentang input dalam bentuk checkbox. Perbedaan checkbox
dengan radio button terletak pada fungsinya, dimana fungsi radio button hanya ditujukan
untuk memilih satu pilihan sedangkan checkbox berfungsi untuk menentukan satu pilihan,
dua pilihan atau bahkan lebih. Untuk contoh sederhananya kita akan membuat pilihan
hobi pada form biodata.
<html lang="en">
<title>Input Checkbox</title>
</head>
body {
font-size: 24px
}
</style>
<p>Nama: Budiawan</p>
<p>Pilih Hobi: </p>
<input type="checkbox" id="hobi1" name="hobi1" value="membaca">
<label for="hobi1">Membaca</label>
<br>
<input type="checkbox" id="hobi2" name="hobi2" value="menulis">
<label for="hobi2">Menulis</label>
<br>
<input type="checkbox" id="hobi3" name="hobi3" value="melukis">
<label for="hobi3">Melukis</label>
<br>
<input type="checkbox" id="hobi4" name="hobi4" value="bersepeda">
<label for="hobi4">Bersepeda</label>
<br>
<input type="checkbox" id="hobi5" name="hobi5" value="berenang">
<label for="hobi5">Berenang</label>
</body>
</html>
Untuk penggunaan atribut pada
input tipe checkbox hampir sama dengan radio button, hanya saja pada atribut id
dan name diberikan angka sebagai pembeda antara input satu dan lainnya. Hal ini
dikarenakan checkbox dapat menyimpan inputan lebih dari satu, berbeda dengan
radio button yang hanya dapat menyimpan satu input.
Sekian pembahasan tentang cara membuat form input checkbox, jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima Kasih …
0 Komentar
Terima kasih telah mengunjungi website ini semoga bermanfaat untuk anda