- Атрибут required
- Синтаксис
- Значения
- Значение по умолчанию
- Типы тегов
- Поддержка браузерами
- How to Use the «required» Attribute on the Element in HTML5
- Example of applying the required attribute to the element:
- Result
- Example of using the element with and without the required attribute:
- Required for select html
- Синтаксис¶
- Атрибуты¶
- autofocus¶
- disabled¶
- form¶
- multiple¶
- name¶
- required¶
- size¶
- Значения ARIA role¶
- Спецификации¶
- Описание и примеры¶
Атрибут required
Устанавливает список обязательным для выбора перед отправкой формы на сервер. Если пункт списка не выбран, браузер выведет сообщение, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может.
Синтаксис
Значения
Значение по умолчанию
По умолчанию атрибут required выключен.
Какое растение в списке вечнозелёное?
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Атрибут required 
HTML тега
Логический атрибут required (HTML тега ) указывает, что пользователь должен выбрать значение перед отправкой формы.
Поддержка браузерами
| Атрибут | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|
| required | Да | Да | Да | Да | 10.0 | 12.0 |
How to Use the «required» Attribute on the Element in HTML5
When the HTML required attribute is specified, the user should select a value before submitting the form.
The required attribute works only on empty values. So, you must leave the first value of the element empty.
Example of applying the required attribute to the element:
html> html> head> title>Title of the document title> head> body> form action="/form/submit" method="post"> select name="books" required> option value="">Books option> option value="html">HTML option> option value="css">CSS option> select> input type="submit"> form> body> html>Result
In the next example, we use two elements, but the required attribute is only applied to the first element.
Example of using the element with and without the required attribute:
html> html> head> title>Title of the document title> head> body> h2>W3docs h2> form action="/form/submit" method="post"> section> h3>Books h3> select name="books" required> option value="">None option> option value="html">HTML option> option value="css">CSS option> select> section> section> h3>Snippets h3> select name="snippets"> option value="">None option> option value="html">HTML option> option value="css">CSS option> select> section> br> input type="submit" value="Submit"> form> body> html>Required for select html
Тег (от англ. select — выбрать) позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором.
Синтаксис¶
select> option>Пункт 1option> option>Пункт 2option> select> Закрывающий тег обязателен.
Атрибуты¶
autofocus Устанавливает, что список получает фокус после загрузки страницы. disabled Блокирует доступ и изменение элемента. form Связывает список с формой. multiple Позволяет одновременно выбирать сразу несколько элементов списка. name Имя элемента для отправки на сервер или обращения через скрипты. required Список обязателен для выбора перед отправкой формы. size Количество отображаемых строк списка.
Также для этого элемента доступны универсальные атрибуты.
autofocus¶
Атрибут autofocus устанавливает, что список получает фокус после загрузки страницы, при этом список становится доступным для выбора пунктов, например, с помощью клавиатуры.
Значение по умолчанию
По умолчанию этот атрибут выключен.
disabled¶
Блокирует доступ и изменение элементов списка. Блокированный список не может получить фокус через курсор или клавиатуру, быть изменён, значение такого списка не передаётся на сервер.
Значение по умолчанию
По умолчанию этот атрибут выключен.
form¶
Связывает список с формой по её идентификатору. Такая связь необходима в случае, когда список располагается за пределами .
Идентификатор формы (значение атрибута id элемента ).
Значение по умолчанию
multiple¶
Наличие атрибута multiple сообщает браузеру отображать содержимое элемента как список множественного выбора. Конечный вид списка зависит от используемого атрибута size и браузера.
Для выбора нескольких значений списка применяются клавиши Ctrl и Shift совместно с курсором мыши.
Чтобы на сервер отправлялся массив данных, значение атрибута name следует писать с квадратными скобками — hero[] , к примеру.
Значение по умолчанию
По умолчанию этот атрибут выключен.
name¶
Определяет уникальное имя элемента . Как правило, это имя используется для доступа к данным через скрипты или для получения выбранного значения списка на сервере.
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в атрибуте name .
Значение по умолчанию
required¶
Устанавливает список обязательным для выбора перед отправкой формы на сервер. Если пункт списка не выбран, браузер выведет сообщение, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может.
Значение по умолчанию
По умолчанию атрибут required выключен.
size¶
Устанавливает высоту списка. Если значение атрибута size равно 1, то список превращается в раскрывающийся. При добавлении атрибута multiple к элементу при size=»1″ список отображается как «крутилка». Во всех остальных случаях получается список с одним или множественным выбором.
Любое целое положительное число.
Значение по умолчанию
Зависит от атрибута multiple . Если он присутствует, то размер списка равен количеству элементов. Когда атрибута multiple нет, то по умолчанию значение атрибута size равно 1.
Значения ARIA role¶
- (без атрибута multiple и без атрибута size со значением больше 1 ) — role=combobox
- (с атрибутом multiple или с атрибутом size со значением больше 1 ) — role=listbox
Спецификации¶
Описание и примеры¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
html> head> meta charset="utf-8" /> title>SELECTtitle> head> body> form action="select1.php" method="post"> p> select size="3" multiple name="hero[]"> option disabled>Выберите герояoption> option value="Чебурашка">Чебурашкаoption> option selected value="Крокодил Гена"> Крокодил Гена option> option value="Шапокляк">Шапоклякoption> option value="Крыса Лариса">Крыса Ларисаoption> select> p> p>input type="submit" value="Отправить" />p> form> body> html>