Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách dùng nút checkbox (checkbox button) trong form HTML?

Sử dụng form HTML, bạn dễ dàng lấy đầu vào người dùng. Thẻ <form> dùng để lấy đầu vào, bằng cách thêm các phần tử form. Các loại: ô nhập văn bản, nút radio, nút gửi, v.v.

Hãy học cách dùng checkbox trong form HTML để lấy đầu vào. Checkbox dùng khi cần chọn nhiều hơn một tùy chọn. Chúng cũng được tạo bằng thẻ <input> nhưng thuộc tính type đặt là checkbox.

Các thuộc tính:

STT Thuộc tính & Mô tả
1 type
Chỉ loại điều khiển nhập, cho checkbox là checkbox
2 name
Đặt tên cho điều khiển, gửi lên server để nhận diện và lấy giá trị
3 value
Giá trị được dùng nếu checkbox được chọn
4 checked
Đặt checked nếu muốn chọn mặc định

Cách dùng nút checkbox (checkbox button) trong form HTML?

Ví dụ

Chạy mã sau để học cách dùng nút checkbox 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>