💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Ô tích (Checkbox)
📌
Kết luận
Tạo ô tích bằng <input type="checkbox">
📝 Mã thực tế tại đây
<label><input type="checkbox" name="agree"> Tôi đồng ý</label>Điểm mấu chốt là bao quanh bằng label
Khi bao quanh bằng thẻ<label>, người dùng có thể nhấp vào dòng chữ "Tôi đồng ý" để tích vào ô. Điều này giúp mở rộng vùng nhấp chuột, một kỹ thuật (TIPS) bắt buộc phải biết để tối ưu cho di động.
Hành vi khi gửi Form
| Trạng thái | Giá trị được gửi đi |
|---|---|
| Đã tích chọn | agree=on |
| Chưa tích chọn | Không có dữ liệu nào được gửi |
Tổng kết
- Ô tích được tạo bằnginput type="checkbox"
- Bao quanh bằng <label> để tăng diện tích nhấp chuột
- Dữ liệu sẽ không được gửi nếu ô chưa được tích chọn
Hãy thử trong phần bài tập
Hãy tạo một ô tích "Tôi đồng ý" nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy tạo một ô tích kèm theo nhãn 'Tôi đồng ý'.
Gợi ý khi gặp khó khăn
input type="checkbox" được bao bởi thẻ label.