Kotak Centang

Dalam HTML, kotak centang digunakan untuk membuat sekumpulan opsi yang memungkinkan pengguna memilih beberapa opsi dari grup tersebut. Kotak centang dibuat menggunakan tag <input> dengan atribut type yang diatur ke "checkbox".

Berikut sintaks dasar untuk membuat kotak centang di HTML:

<input type="checkbox" id="option1" name="checkboxgroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Tag yang mendefinisikan bidang input.
• type="checkbox": Atribut yang menentukan tipe input sebagai kotak centang.
• id: Atribut yang memberikan pengenal unik untuk kotak centang.

• name: Atribut yang mengelompokkan checkbox. Tidak seperti tombol radio, beberapa checkbox dengan name yang sama dapat dipilih secara bersamaan.
• value: Atribut yang menentukan nilai terkait dengan checkbox. Nilai ini dikirim ke server saat formulir dikirim.

• <label>: Tag yang menyediakan label yang dapat diklik untuk checkbox. Atribut for pada label harus cocok dengan atribut id pada checkbox.

Berikut contoh cara membuat grup kotak centang:

<form>
	<input type="checkbox" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label><br>
	
	<input type="checkbox" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label><br>
	
	<input type="checkbox" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label><br>
</form>

Dalam contoh ini, kita memiliki formulir dengan tiga kotak centang yang semuanya termasuk dalam grup yang sama karena menggunakan atribut name yang sama ("mygroup"). Setiap kotak centang memiliki id dan value yang unik, serta label yang sesuai. Saat pengguna memilih satu atau beberapa opsi ini lalu mengirimkan formulir, nilai kotak centang yang dipilih akan dikirim ke server.