Trong khi duyệt các trang web yêu thích của bạn, các hộp kiểm sẽ xuất hiện khi bạn cần chọn một tùy chọn trong số nhiều tùy chọn có sẵn. Các hộp kiểm này được tạo trong với sự trợ giúp của một thẻ đặc biệt. Trong bài viết này, chúng ta sẽ xem cách tạo một hộp kiểm trong HTML và hoạt động của các hộp kiểm theo trình tự sau:
Cách tạo Hộp kiểm trong HTML?
Hộp kiểm là một phần tử biểu mẫu cho phép bạn chọn nhiều tùy chọn từ các tùy chọn có sẵn khác nhau. Hộp kiểm được tạo bằng thẻ HTML. Nó có thể được lồng vào bên trong aelement hoặc chúng có thể đứng một mình. Chúng cũng có thể được liên kết với một biểu mẫu với sự trợ giúp của thuộc tính hình thức của thẻ.
Đây là một ví dụ cơ bản để tạo một hộp kiểm đơn giản:
đỏ lục lam
Đầu ra:
Hãy xem xét một ví dụ khác và thêm nút gửi để các hộp kiểm trở nên hữu ích. Tại đây, bạn cũng có thể đặt các hộp kiểm trong phần tử chỉ định trang để xử lý biểu mẫu.
Màu mà bạn thích là gì? đỏ lục lamKết quả:
Đầu ra:
Hộp kiểm so với các nút radio
Các nút radio chỉ cho phép người dùng chọn một tùy chọn. Trong khi đó, hộp kiểm cho phép người dùng chọn bất kỳ tùy chọn nào. Hãy lấy một ví dụ và xem cách các nút radio và hộp kiểm hoạt động:
tạo một chuỗi ngẫu nhiên java
Hộp kiểm
Màu mà bạn thích là gì? đỏ lục lamCác nút radio
Chọn giới tính của bạn? Nam Nữ Không xác địnhKết quả:
Đầu ra:
Trong ví dụ trên, bạn có thể thấy rằng bạn có thể chọn bao nhiêu hộp kiểm bạn muốn. Nó làm cho hộp kiểm phù hợp với những thời điểm mà người dùng có thể chọn nhiều tùy chọn. Tuy nhiên, nếu bạn thử chọn nhiều nút radio, lựa chọn trước đó sẽ bị hủy chọn. Điều này giúp bạn buộc người dùng chỉ chọn một tùy chọn.
Tắt Hộp kiểm trong HTML
Bạn có thể tắt một hộp kiểm trong bằng cách sử dụng thuộc tính đã tắt. Điều này có thể được thực hiện cùng với một tập lệnh để bật hoặc tắt hộp kiểm tùy thuộc vào việc một số tiêu chí đã được đáp ứng hay chưa.
Hãy lấy một ví dụ để xem cách chúng tôi có thể tắt hộp kiểm:
đỏ lục lam
Đầu ra:
có thể thay đổi trong java
Trong ví dụ trên, chúng tôi đã tắt màu đỏ. Vì vậy, bạn có thể chọn màu xanh lá cây và xanh lam từ hộp kiểm nhưng không chọn màu đỏ.
Với điều này, chúng ta đã đi đến phần cuối của bài viết của chúng tôi. Tôi hy vọng bạn đã hiểu cách hoạt động của các hộp kiểm trong HTML và cách chúng có thể được sử dụng theo cách khác nhau.
Bây giờ bạn đã biết về Hộp kiểm trong HTML, hãy xem của Edureka. Đào tạo Chứng chỉ Phát triển Web sẽ giúp bạn học cách tạo các trang web ấn tượng bằng cách sử dụng HTML5, CSS3, Twitter Bootstrap 3, jQuery và Google API và triển khai nó cho Amazon Simple Storage Service (S3).
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của “Hộp kiểm trong HTML” và chúng tôi sẽ liên hệ lại với bạn.