Атрибут required HTML тега <select>

Значение и применение

Логический атрибут required (HTML тега <select>) указывает, что пользователь должен выбрать значение перед отправкой формы.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.select.required
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
required✓10✓12✓4✓15✓5.1✓18✓4✓14✓5✓1.0✓4.4✓5

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML
<select required>

Значения атрибута

Значение Описание
required Значение атрибута требуется только в XHTML (<select required = "required">).

Отличия HTML 4.01 от HTML 5

Атрибут считается новым в HTML5.

У одиночного списка размером в одну строку первый непосредственный option с пустым value служит подсказкой: его выбор не удовлетворяет required. Для multiple требуется хотя бы один выбранный вариант; это не универсальная проверка «value не пустое» у любого option.

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

Атрибут required элемента select

Измените required в HTML и сравните результат. Пустое значение не проходит проверку; отправка отключена.

index.html
HTML
<form>
  <label
    >Напиток
    <select required>
      <option value="">Выберите напиток</option>
      <option value="tea">Чай</option>
      <option value="coffee">Кофе</option>
      <option value="water">Вода</option>
    </select></label
  ><button>Проверить</button>
</form>