html атрибут required

Атрибут required являється логічним атрибутом, який встановлює, що поле форми є обов'язковим для заповнення перед відправкою форми на сервер.

Якщо обов'язкове поле пусте, браузер виведе повідомлення про помилку і форма відправлена не буде.

acc20ba99f563fdd2375e4227f56d8d1.png

Вид і зміст повідомлення залежить від браузера і змінюватися користувачем не може.

Нотатка:

Обов'язковий атрибут працює з наступними типами введення: text, search, url, tel, email, password, date pickers, number, checkbox, radio та file.

Синтаксис

<input required>

Атрибут required не має жодного значення :

Переглядачі

Переглядач

5+

4+

0+

9.6+

10+

12+

Переглядач

2.3+

1+

4+

1+


Мобільних переглядачів ще не додано.

Приклади


Найпростіший приклад використання HTML атрибута required теґа <input>

See the Pen Input_required_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут required з'явився тільки в HTML5.

Різниця між XHTML та HTML


У XHTML мінімізований запис атрибутів заборонений, тому атрибут required повинен бути визначений як <input required="required" />.