>
59
0
Yes
No
Check me!
Apples
Grapes
Pears
0
Người dùng có thể tương tác với trạng thái này bằng cách kiểm tra/chọn một phần tử hoặc hủy tương tác bằng cách bỏ chọn/bỏ chọn phần tử đó
Ghi chú. Bởi vì các trình duyệt thường coi các là các phần tử được thay thế, nên mức độ mà chúng có thể được tạo kiểu với lớp giả
:checked
thay đổi tùy theo trình duyệt
:checked
HTML
Yes
No
Check me!
Apples
Grapes
Pears
CSS
div,
select {
margin: 8px;
}
/* Labels for checked inputs */
input:checked + label {
color: red;
}
/* Radio element, when checked */
input[type="radio"]:checked {
box-shadow: 0 0 0 3px orange;
}
/* Checkbox element, when checked */
input[type="checkbox"]:checked {
box-shadow: 0 0 0 3px hotpink;
}
/* Option elements, when selected */
option:checked {
box-shadow: 0 0 0 3px lime;
color: red;
}
Kết quả
Ví dụ này sử dụng lớp giả :checked
để cho phép người dùng chuyển đổi nội dung dựa trên trạng thái của hộp kiểm mà không cần sử dụng JavaScript
Điều gì được kiểm tra trong HTML đầu vào?
Thuộc tính được kiểm tra là thuộc tính boolean. Khi xuất hiện, nó chỉ định rằng một phần tử . Thuộc tính được chọn có thể được sử dụng với
Làm cách nào để lấy đầu vào từ hộp kiểm trong HTML?
The xác định một hộp kiểm. Hộp kiểm được hiển thị dưới dạng hộp vuông được đánh dấu [đánh dấu] khi được kích hoạt. Các hộp kiểm được sử dụng để cho phép người dùng chọn một hoặc nhiều tùy chọn trong số lượng lựa chọn hạn chế.
Cách kiểm tra hộp kiểm loại đầu vào được kiểm tra?
Kiểm tra xem hộp kiểm có được chọn hay không .
Đầu tiên, chọn hộp kiểm bằng phương thức DOM, chẳng hạn như getElementById[] hoặc querySelector[]
Sau đó, truy cập thuộc tính đã chọn của phần tử hộp kiểm. Nếu thuộc tính được chọn của nó là true , thì hộp kiểm được chọn;
Làm cách nào để đặt thuộc tính đã chọn của hộp kiểm trong HTML?
Thuộc tính đã chọn hộp kiểm đầu vào .
Đặt trạng thái đã chọn của hộp kiểm. chức năng kiểm tra[] { tài liệu. .
Tìm hiểu xem hộp kiểm có được chọn hay không. getElementById["myCheck"]. đã kiểm tra;
Sử dụng hộp kiểm để chuyển văn bản trong trường nhập thành chữ hoa. getElementById["tên"]. .
Một số hộp kiểm trong một biểu mẫu. cà phê var = tài liệu