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

Làm cách nào để chúng ta sử dụng các nút radio 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 cách sử dụng các nút radio trong các biểu mẫu HTML để nhận thông tin đầu vào của người dùng. Các nút radio được sử dụng khi trong số nhiều tùy chọn; chỉ một tùy chọn được yêu cầu để được chọn. Chúng cũng được tạo bằng thẻ HTML loại thuộc tính được đặt thành radio .

Đây là các thuộc tính cho nút radio -

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 radio.
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 radio đượ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 ta sử dụng các nút radio 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 radio trong HTML -

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Radio Button</title>
      </head>
      <p>Gender</p>
      <form>
         <input type="radio" name="gender" value="male">Male
         <br>
         <input type="radio" name="gender" value="female">Female
      </form>
   </body>
</html>