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

Cách dùng nút radio (radio 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 radio button trong form HTML để lấy đầu vào. Radio button dùng khi chỉ chọn một tùy chọn trong nhiều tùy chọn. Chúng được tạo bằng thẻ <input> và thuộc tính type là radio.

Các thuộc tính cho radio button:

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

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

Ví dụ

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