/html/select/required:> Обязательность выбора_

Атрибут required

Синтаксис

HTML
<select required="required"> ... </select>

Описание

Атрибут / параметр required (от англ. "required" ‒ «необходимый, обязательный») указывает, что перед отправкой данных формы в раскрывающемся (выпадающем) списке, принадлежащем отправляемой форме, должен быть выбран хотя бы один вариант списка.

Условия использования

Если в select элементе с «required» атрибутом и без «multiple», а так же «size» атрибута значение которого больше 1, первым дочерним элементом является элемент option, то этот option элемент должен иметь либо пустой «value» атрибут, либо не должен иметь текстового содержимого. Так же в данном случае, для избежания ошибок валидации, option элементу можно добавить короткую метку для варианта или select элементу добавить «size» атрибут со значением, равным числу option элементов.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 Selection: SELECT
3.2 SELECT menus
4.01 17.6 The SELECT, OPTGROUP, and OPTION elements
5.0 4.10.7 The select element
The required attribute...
5.1 4.10.7. The select element
The required attribute...
XHTML
1.0 Extensible HyperText Markup Language
1.1 Extensible HyperText Markup Language

Значения

Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «required».

<select required> ... <select>
<select required=""> ... <select>
<select required="required"> ... <select>

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр required (Элемент select)</title>
</head>
<body>
<h1>Пример использования атрибута "required"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<h2>Какой кофе вы любите?</h2>
<select name="coffee" required="required">
<option label="---"></option>
<option value="without">Просто кофе (без всего)</option>
<option value="milk">С молоком</option>
</select>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Параметр required (Элемент select)