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?
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ò:
<input type="radio"> vì radio buttons cho phép chỉ chọn một trong nhiều lựa chọn.Từ đó, ta phân tích các phương án:
<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.<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.<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.<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
<input type="radio"> và đảm bảo các radio buttons có cùng giá trị thuộc tính name.<p>, <h1> - <h6> để bảo đảm cấu trúc tài liệu hợp lý.