Up5me
Trang chủ > Câu hỏi lẻ > 3zgStx0X75w7

Đề bài

Trên trang web hiện thị một phiếu thăm dò như sau:

Cầu thủ bạn ưa thích là:

O Ronaldo O Messi O Mbappe

Phương án nào sau đây là đoạn mã HTML đúng để thực hiẹn công việc trên?

Cầu thủ bạn ưa thích là:<input type="checkbox"> Ronaldo <input type="checkbox" > Messi <input type="checkbox"> Mbappe
Cầu thủ bạn ưa thích là:<input type="radio"> Ronaldo <input type="radio" > Messi <input type="radio"> Mbappe
<p>Cầu thủ bạn ưa thích là: </p> <input type="radio"> Ronaldo <input type="radio" > Messi <input type="radio"> Mbappe
<p>Cầu thủ bạn ưa thích là:</p> <input type="checkbox"> Ronaldo<input type="checkbox" > Messi <input type="checkbox"> Mbappe
Đáp án đúng: C

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để xác định phương án đúng, chúng ta cần phân tích yêu cầu của phiếu thăm dò:

  • Phiếu thăm dò yêu cầu người dùng chọn một cầu thủ ưa thích, do đó, chỉ nên có lựa chọn duy nhất.
  • Để cho phép lựa chọn duy nhất giữa các tùy chọn, thẻ HTML phù hợp là <input type="radio"> vì radio buttons cho phép chỉ chọn một trong nhiều lựa chọn.
  • Chúng ta cũng cần đảm bảo rằng các lựa chọn được nhóm lại với nhau. Điều này có thể thực hiện bằng cách sử dụng cùng một name cho tất cả các radio button:

Từ đó, ta phân tích các phương án:

  1. Phương án A: Sử dụng <input type="checkbox"> cho phép chọn nhiều hơn một tùy chọn. Không phù hợp với yêu cầu.
  2. Phương án B: Sử dụng <input type="radio"> và không có <p> bao quanh tiêu đề "Cầu thủ bạn ưa thích là:". Đoạn mã này đúng về mặt chức năng vì chỉ cho phép chọn một trong các tùy chọn, nhưng không tối ưu về cấu trúc HTML bởi tiêu đề không được đặt trong thẻ phù hợp.
  3. Phương án C: Sử dụng <input type="radio"> và có thẻ <p> cho tiêu đề, đây là đoạn mã đúng cả về mặt cấu trúc HTML và chức năng.
  4. Phương án D: Sử dụng <input type="checkbox">, cho phép chọn nhiều hơn một tùy chọn, không phù hợp với yêu cầu.

Do đó, phương án C là đáp án đúng vì nó thỏa mãn đầy đủ về chức năng và cấu trúc HTML.

Chú ý khi giải

  • Khi cần tạo mục chọn duy nhất, luôn sử dụng <input type="radio"> và đảm bảo các radio buttons có cùng giá trị thuộc tính name.
  • Đảm bảo tiêu đề hoặc nhãn cho các nhóm điều khiển trong HTML được đặt trong các thẻ phù hợp như <p>, <h1> - <h6> để bảo đảm cấu trúc tài liệu hợp lý.