Hộp kiểm checkbox

Hộp kiểm checkbox đại diện cho một phần tử (dấu tích hoặc dấu kiểm) trong biểu mẫu HTML, có thể có hai trạng thái: được đánh dấu và không được đánh dấu.

Hộp kiểm được tạo bằng thẻ input với thuộc tính type có giá trị checkbox. Giao diện của hộp kiểm:

Checkbox được chọn sẽ gửi lên máy chủ nội dung của thuộc tính value. Nếu checkbox không có thuộc tính value - nó sẽ gửi chuỗi "on". Nếu checkbox không được chọn - sẽ không có gì được gửi lên máy chủ bất kể có thuộc tính value hay không.

Ví dụ

Hãy tạo hai hộp kiểm checkbox: giả sử hộp thứ nhất được chọn (vì nó có thuộc tính checked), còn hộp thứ hai - thì không:

html<input type="checkbox" checked> <input type="checkbox">

Результат:

Ví dụ . Checkbox bị khóa

Hãy xem một hộp kiểm bị khóa bằng thuộc tính disabled. Khi nhấn vào nó, trạng thái sẽ không thay đổi:

html<input type="checkbox" disabled>

Результат:

Ví dụ . Checkbox bị khóa và được chọn

Bây giờ hãy khóa hộp kiểm ở trạng thái được chọn bằng thuộc tính disabled và đặt cho nó thuộc tính checked:

html<input type="checkbox" disabled checked>

Результат:

Xem thêm

  • các nút chuyển đổi radio,
    có thể dùng để lựa chọn
  • thuộc tính checked,
    làm cho hộp kiểm được đánh dấu
  • pseudoclass checked,
    đặt kiểu cho các checkbox được chọn
  • thuộc tính disabled,
    khóa các phần tử biểu mẫu
  • thẻ label,
    đặt chú thích cho checkbox