Вебсправочник
Справочник HTML

selected: начальный вариант в списке select

Атрибут selected у option указывает вариант, выбранный в исходной HTML-разметке списка.

Назначение

Атрибут selected у option указывает вариант, выбранный в исходной HTML-разметке списка.

Как это работает

Текущий выбор хранится в свойствах DOM и может отличаться от начального. Без multiple список предполагает один выбранный вариант; значения option передаются через name родительского select.

Пример

<label for="level">Уровень</label><select id="level" name="level"><option value="start">Начальный</option><option value="practice" selected>Практика</option></select>

Что должно получиться

Вначале показана «Практика», а передаваемое значение равно practice. Отображаемая русская подпись и машинное значение решают разные задачи.

Граница применения и частая ошибка

Не ставьте selected на все option в одиночном списке. Для выбора нескольких вариантов нужен multiple и подходящая обработка повторяющихся значений.

Самостоятельная проверка

Измените выбор и сравните value списка с исходным selected у option. Добавьте осмысленное значение value каждому варианту, не привязывая сервер к отображаемой подписи.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.