Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để chúng tôi sử dụng các nút hộp kiểm trong các biểu mẫu HTML?


Sử dụng các biểu mẫu HTML, bạn có thể dễ dàng nhận thông tin nhập của người dùng. Thẻ

được sử dụng để lấy thông tin đầu vào của người dùng, bằng cách thêm các phần tử biểu mẫu. Các loại phần tử biểu mẫu khác nhau bao gồm nhập văn bản, nhập nút radio, nút gửi, v.v.

Hãy cùng tìm hiểu về cách sử dụng hộp kiểm radio trong các biểu mẫu HTML để nhận thông tin đầu vào của người dùng. Hộp kiểm được sử dụng khi bắt buộc phải chọn nhiều tùy chọn. Chúng cũng được tạo bằng thẻ HTML nhưng loại thuộc tính được đặt thành hộp kiểm.

Đây là các thuộc tính -

Sr.No
Thuộc tính &Mô tả
1 loại
Cho biết loại điều khiển đầu vào và đối với điều khiển đầu vào hộp kiểm, nó sẽ được đặt thành hộp kiểm.
2 tên
Được sử dụng để đặt tên cho điều khiển được gửi đến máy chủ để được nhận dạng và nhận giá trị.
3 giá trị
Giá trị sẽ được sử dụng nếu hộp kiểm được chọn
4 đã kiểm tra
Đặt thành đã kiểm tra nếu bạn muốn chọn nó theo mặc định

Làm cách nào để chúng tôi sử dụng các nút hộp kiểm trong các biểu mẫu HTML?

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với các nút hộp kiểm trong HTML -

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Checkbox Button</title>
      </head>
      <p>Which languages you work on:</p>
      <form>
         <input type="checkbox" name="language1" value="java">Java
         <br>
         <input type="checkbox" name="language2" value="php">PHP
         <br>
         <input type="checkbox" name="language3" value="cpp">C++
         <br>
      </form>
   </body>
</html>