Chọn vs Radio Buttons và Hộp kiểm

Question

các ngữ nghĩa sự khác biệt giữa việc sử dụng một yếu tố <select> chứa <option> trẻ em và sử dụng một <input type="radio"> yếu tố trong một mẹ <fieldset> là gì? Cả hai phương pháp đều cho phép người dùng chọn nhiều nhất một tùy chọn. Sự khác biệt duy nhất là trực quan và liên quan đến người dùng: phương pháp đầu tiên hiển thị cho người dùng trình đơn thả xuống trong khi tùy chọn khác hiển thị nút radio.

Tương tự, sự khác biệt giữa <select multiple=""> với <option> trẻ em (menu thả xuống nhiều lựa chọn) và sử dụng <input type="checkbox"> (hộp kiểm) là gì? Một lần nữa, tôi không thấy bất kỳ sự khác biệt nào về chức năng; chỉ bản trình bày.

Tôi chỉ tự hỏi tại sao thông số HTML có cả hai phương pháp để nhà phát triển sử dụng. Nếu sự khác biệt duy nhất nằm trong bản trình bày và trong user experience, chúng tôi có nên chỉ sử dụng một phương pháp không?

Answer 1

Trong thuật ngữ chung không có sự khác biệt đặc biệt như vậy giữa nút radio và Chọn Danh sách (Dropdown) nhưng, kể từ khi không gian màn hình sử dụng là tỷ lệ thuận với số lượng tùy chọn, nếu số lượng tùy chọn là giữa hai để bảy một nhà thiết kế web sử dụng các nút radio, cho tám tùy chọn trở lên, anh/cô ấy sử dụng danh sách thả xuống hoặc danh sách lựa chọn một lần.

Một điều cần lưu ý khi thiết kế là: Nếu tùy chọn mặc định được khuyến nghị cho hầu hết người dùng trong hầu hết các trường hợp, nút radio có thể thu hút nhiều sự chú ý hơn tùy chọn. Cân nhắc sử dụng danh sách thả xuống nếu bạn không muốn thu hút sự chú ý đến các tùy chọn hoặc bạn không muốn khuyến khích người dùng thực hiện thay đổi. Danh sách thả xuống tập trung vào lựa chọn hiện tại, trong khi các nút radio nhấn mạnh tất cả các tùy chọn như nhau.

Các bước tương tự cho hộp kiểm và menu thả xuống nhiều lựa chọn.