Устанавливает поле формы обязательным для заполнения перед отправкой формы на сервер. Если обязательное поле пустое, браузер выведет сообщение об ошибке, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может. На рис. 1 показано сообщение в разных браузерах.
 |
 |
| Chrome |
Safari |
 |
 |
| Firefox |
Edge |
Рис. 1. Вид сообщения об обязательном поле
Атрибут required может добавляться только к полю формы, у которого type имеет одно из значений: text, password, search, url, tel, email, date, month, week, time, datetime-local, number, checkbox, radio, file.
Синтаксис
<input required>
Значения
Нет.
Значение по умолчанию
По умолчанию атрибут required выключен.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>input, атрибут required</title>
</head>
<body>
<form action="handler.php">
<p><input name="user" required placeholder="Ваше имя"></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.