Выбрать vs Радио кнопки и флажки

Что такое семантическая разница между использованием элемента <select>, содержащего <option> children, и с помощью элементов <input type="radio"> внутри родителя <fieldset>? Оба метода предлагают пользователю выбрать не более одного варианта. Единственными отличиями являются визуальные и связанные с пользователем: первый метод показывает пользователю раскрывающееся меню, а в другой - переключатели.

Эквивалентно, какая разница между <select multiple=""> с <option> детьми (выпадающее меню с множественным выбором) и с помощью <input type="checkbox"> (флажки)? Опять же, я не вижу никакой разницы в функции; только презентация.

Мне просто интересно, почему спецификация HTML имеет оба метода для разработчиков. Если только разница в презентации и в опыте пользователя, не следует ли нам использовать только один метод?

Ответы

Ответ 1

В общей терминологии нет такого особого различия между Radio Button и Select List (Dropdown), но, поскольку используемое пространство экрана пропорционально количеству опций, если количество опций между от двух до семи веб-дизайнер использует для использования радиокнопок, для восьми или более параметров он использует раскрывающийся список или список с одним выбором.

Еще одна вещь, которую следует учитывать при проектировании: Если для большинства пользователей в большинстве случаев рекомендуется использовать параметр по умолчанию, переключатели могут уделять больше внимания параметрам, чем необходимо. Рассмотрите возможность использования раскрывающегося списка, если вы не хотите привлекать внимание к параметрам, или вы не хотите поощрять пользователей вносить изменения. Выпадающий список фокусируется на текущем выборе, в то время как радиокноты одинаково выделяют все варианты.

То же самое следует для выпадающего списка и многозадачности.