Check box adalah komponen desain yang biasanya ditampilkan dalam bentuk box kecil. Pada umumnya, checkbox memiliki dua status, yaitu:
- Dicentang (check) : box akan terisi tanda centang
- Tidak dicentang (unchecked): box tidak terisi dengan tandang centang.
 |
| Tampilan Checkbox |
Check box juga digunakan sebagai komponen yang memungkinkan pengguna untuk lebih dari satu opsi dari daftar opsi yang disediakan. Masing-masing check box dalam check box group dapat beroperasi secara individual. Oleh karena itu, user dapat check dan uncheck untuk setiap opsi yang ditampilkan dengan bebas.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Check box</title>
</head>
<body>
<form action="halamat2.html">
<label for="hobi">Pilih Hobi Kamu : </label> <br>
<input type="checkbox" id="hobi" name="sepeda" value="Bersepeda"> Bersepeda <br>
<input type="checkbox" id="hobi" name="mendaki" value="mendaki"> mendaki <br>
<input type="checkbox" id="hobi" name="Berenang" value="Berenang"> Berenang <br>
<input type="checkbox" id="hobi" name="Sepak Bola" value="Sepak Bola"> Sepak Bola <br>
<br>
<label for="makanan">makanan faporit kamu : </label> <br>
<input type="checkbox" id="makanan" name="RendangSapi" value="Rendang Sapi"> Rendang sapi <br>
<input type="checkbox" id="makanan" name="SateKambing" value="Sate Kambing"> Sate Kambing <br>
<input type="checkbox" id="makanan" name="SayurAsem" value="Sayur Asem"> Sayur Asem <br>
<input type="checkbox" id="makanan" name="NasiGoreng" value="Nasi Goreng"> Nasi Goreng <br>
<input type="checkbox" id="makanan" name="AyamBakar" value="Ayam Bakar"> Ayam Bakar <br>
<input type="checkbox" id="makanan" name="Sayurlodeh" value="Sayur lodeh"> Sayur lodeh <br>
<input type="checkbox" id="makanan" name="Lainya" value="Lainya"> Lainya <br>
</form>
</body>
</html>
Keterangan :
Checkbox merupakan salah satu type pada atribut type = “”
Atribut Value = “” berfungsi untuk menyimpan nilai pada tag input
Atribut name = “” untuk type checkbox untuk setiap opsinya harus berbeda biasanya sama dengan atribut value
Type checkbox harus berada di dalam tag <form></form>
Artikel terkait :
refrensi : https://www.logique.co.id/
0 Reviews:
Posting Komentar