Hộp kiểm được sử dụng khi bắt buộc phải chọn nhiều tùy chọn.
Sau đây là ví dụ về mã HTML, CheckBox.htm , cho một biểu mẫu có hai hộp kiểm.
<html> <body> <form action = "main.jsp" method = "POST" target = "_blank"> <input type = "checkbox" name = "maths" checked = "checked" /> Maths <input type = "checkbox" name = "physics" /> Physics <input type = "checkbox" name = "chemistry" checked = "checked" /> Chemistry <input type = "submit" value = "Select Subject" /> </form> </body> </html>
Đoạn mã trên sẽ tạo ra kết quả sau -
Sau đây là chương trình JSP main.jsp để xử lý đầu vào do trình duyệt web cung cấp cho nút hộp kiểm.
<html>
<head>
<title>Reading Checkbox Data</title>
</head>
<body>
<h1>Reading Checkbox Data</h1>
<ul>
<li><p><b>Maths Flag:</b>
<%= request.getParameter("maths")%>
</p></li>
<li><p><b>Physics Flag:</b>
<%= request.getParameter("physics")%>
</p></li>
<li><p><b>Chemistry Flag:</b>
<%= request.getParameter("chemistry")%>
</p></li>
</ul>
</body>
</html> Chương trình trên sẽ tạo ra kết quả sau -
Đọc dữ liệu hộp kiểm
-
Cờ toán học: :trên
-
Cờ Vật lý: :null
-
Cờ Hóa học: :trên