Hộp kiểm

Trong HTML, hộp kiểm dùng để tạo một nhóm tùy chọn, cho phép người dùng chọn nhiều tùy chọn trong nhóm. Hộp kiểm được tạo bằng thẻ <input> với thuộc tính type được đặt thành "checkbox".

Đây là cú pháp cơ bản để tạo hộp kiểm trong HTML:

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

• <input>: Thẻ xác định trường đầu vào.
• type="checkbox": Thuộc tính chỉ định kiểu đầu vào là ô kiểm.
• id: Thuộc tính cung cấp cho ô kiểm một mã định danh duy nhất.

• name: Thuộc tính dùng để nhóm các hộp kiểm với nhau. Khác với nút radio, bạn có thể chọn nhiều hộp kiểm có cùng tên cùng lúc.
• value: Thuộc tính chỉ định giá trị gắn với hộp kiểm. Giá trị này được gửi đến máy chủ khi biểu mẫu được gửi.

• <label>: Thẻ tạo nhãn có thể nhấp cho hộp kiểm. Thuộc tính for của nhãn phải khớp với thuộc tính id của hộp kiểm.

Đây là ví dụ về cách tạo một nhóm hộp kiểm:

<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>

Trong ví dụ này, ta có một biểu mẫu với ba ô chọn, tất cả thuộc cùng một nhóm vì chúng có chung thuộc tính name ("mygroup"). Mỗi ô chọn có id và value riêng cùng một nhãn tương ứng. Khi người dùng chọn một hoặc nhiều tùy chọn này rồi gửi biểu mẫu, các giá trị của những ô chọn đã chọn sẽ được gửi đến máy chủ.