Атрибут selected тега <option>

Описание

Атрибут selected указывает, что опция должна быть выбрана по умолчанию при загрузке элемента <select>. Это булевый атрибут - его наличие (без значения) делает опцию выбранной.

Пример использования:
<select> <option>Не выбрано</option> <option selected>Выбрано по умолчанию</option> <option>Другой вариант</option> </select>

Особенности работы:

Состояние Описание Как задать
Выбрана Опция активна при загрузке <option selected> или <option selected="selected">
Не выбрана Обычное состояние (по умолчанию) Отсутствие атрибута

Рекомендации по использованию:

  • Используйте для указания значения по умолчанию
  • Для обязательного выбора добавьте пустую опцию с selected
  • В комбинированных списках указывайте только один selected
  • Для динамического управления используйте JavaScript

Пример с placeholder:

<select required> <option value="" selected disabled hidden>Выберите вариант</option> <option>Вариант 1</option> <option>Вариант 2</option> </select>

Множественный выбор:

<select multiple> <option selected>Пункт 1</option> <option selected>Пункт 2</option> <option>Пункт 3</option> </select>

Особенности формы:

  • Выбранные опции включаются в данные формы
  • Если ничего не выбрано, отправляется первая опция
  • Для обязательного выбора используйте атрибут required

Примечание: В современных веб-приложениях для управления выбором часто используют JavaScript-фреймворки (React, Vue и др.), которые предоставляют более гибкие способы управления состоянием элементов формы.