multiple: несколько выбранных значений
Атрибут multiple разрешает множественный выбор у select и file, а у email — список адресов по правилам этого типа.
Назначение
Атрибут multiple разрешает множественный выбор у select и file, а у email — список адресов по правилам этого типа.
Как это работает
Один и тот же булев атрибут имеет разный интерфейс для разных контролов. У select выбранные option передаются под одним name; обработчику нужно читать все значения, а не только первое.
Пример
<label for="topics">Темы, можно выбрать несколько</label>
<select id="topics" name="topics" multiple size="3"><option value="html">HTML</option><option value="css">CSS</option><option value="js">JavaScript</option></select>Что должно получиться
Список допускает несколько выбранных тем. Конкретные действия для выбора определяет платформа, а явная подпись заранее сообщает пользователю эту возможность.
Граница применения и частая ошибка
Не ожидайте одинакового жеста выбора на телефоне и компьютере. Если вариантов мало, группа checkbox часто объясняет множественный выбор понятнее, чем системный список.
Самостоятельная проверка
Выберите две темы и сравните getAll("topics") в локальном FormData. Проверьте также отсутствие выбора и один вариант: код не должен предполагать ровно два значения.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.