Biểu mẫu HTML - Thẻ radio Nút và Hộp kiểm nhập - 2


Trong phần đầu tiên của hướng dẫn này, chúng tôi đã thảo luận về cách hoạt động của thẻ đầu vào radio. Bây giờ hãy xem mã.

Chúng ta hãy xem một ví dụ về một trong ba thẻ đầu vào radio được sử dụng trong ví dụ trước.

Màu đỏ
trắng
Màu xanh da trời
Mã có nghĩa là gì
< Khung góc trái
đầu vào Tên thành phần
kiểuThuộc tính type được đặt thành Đài để tạo nút radio (gõ = "radio").
TênThuộc tính name được sử dụng để đặt nhận dạng cho trường đầu vào. Để các thẻ đầu vào radio hoạt động như một nhóm, bạn sẽ cần đặt thuộc tính tên giống nhau cho tất cả các thẻ radio trong nhóm (name = "color").
giá trị Thuộc tính value được sử dụng để đặt giá trị cho mỗi nút radio trong nhóm. Mỗi thẻ radio sẽ có thuộc tính giá trị được đặt thành một giá trị khác nhau. Ví dụ: nếu bạn muốn người dùng chọn giữa Đỏ, Trắng và Xanh; bạn sẽ có ba nút radio với thuộc tính giá trị được đặt thành một màu khác nhau cho mỗi màu.
đã kiểm traThuộc tính đã chọn được sử dụng để đặt một trong các nút radio được chọn theo mặc định khi biểu mẫu trang web được hiển thị trên trang web.
>Khung góc phải
  1. Như bạn có thể thấy, các thẻ đầu vào radio này có thể hoạt động cùng một nhóm vì tất cả chúng đều có cùng giá trị cho thuộc tính name (name = "color").
  2. Đây là thuộc tính giá trị xác định giá trị của từng nút radio riêng lẻ. Trong ví dụ này, chúng tôi có ba nút radio với các thuộc tính giá trị được đặt thành Đỏ, Trắng và Xanh.
  3. Nếu chúng tôi muốn chọn một trong các nút radio khi biểu mẫu hiển thị trên trang web (tức là theo mặc định), chúng tôi sẽ bao gồm "đã chọn" trong thẻ đầu vào radio đó.
Trong phần tiếp theo của hướng dẫn này, chúng tôi sẽ thảo luận về thẻ đầu vào hộp kiểm.

← Quay lại | Tiếp theo →




Jquery căn bản - Bài 10: Làm việc với Radio và Checkbox (Tháng MườI 2022)



ĐiềU Thẻ: Biểu mẫu HTML - Thẻ radio Nút và Hộp kiểm nhập - 2, HTML, thẻ nhập hộp kiểm, biểu mẫu web hộp kiểm HTML, cách thêm hộp kiểm vào biểu mẫu web, thẻ đầu vào radio, nút radio, cách thêm biểu mẫu vào trang web của bạn , cách viết biểu mẫu HTML, biểu mẫu HTML, biểu mẫu, mã đầu vào biểu mẫu html, thẻ nhập biểu mẫu html, thẻ nhập biểu mẫu, đầu vào biểu mẫu, đầu vào của người dùng

Quyền được im lặng

Quyền được im lặng

tin tức & chính trị