Page 135 - 6108

або круглих дужках у стилі масиву після назви об'єкта форми, не викликаючи
цього методу явним чином.
submit() – відправляє форму на сервер.
reset() – повертає форму до початкового стану.
reportValidity() – повертає true, якщо все дочірні елементи пройшли
перевірку. Коли повертається false, по кожному дочірньому елементу, що не
пройшов перевірку генерується подія invalid і користувачеві повідомляються
проблеми перевірки.
Текстові поля
Для введення інформації в формі використовуються елементи <input> з
відповідним значенням атрибуту type. Стандарт HTML 5 забезпечує

додатковий контроль над типом інформації, що вводиться в поле:
color – віджет для вибору кольору.
date – поле для вибору календарної дати.
datetime – вказівка дати і часу.
datetime-local – вказівка місцевої дати і часу.
email – для адрес електронної пошти ().
number – ввід тільки чисел.
range – повзунок для вибору чисел у вказаному діапазоні (від min до max

з кроком step).
search – поле для пошуку.
tel – контроль за введенням телефонного номера; тире автоматично
видаляються з вхідного значення, але жодний інший синтаксис не
застосовується. Можна використовувати такі атрибути, як pattern та
максимальна довжина, щоб обмежити значення, введені в елемент
time – для часу.
url – для веб-адрес.
month – вибір місяця.
week – вибір тижня.
А також підтримує атрибут pattern – регулярний вираз, за яким

перевіряється введене значення. Шаблон повинен відповідати цільовому
значенню. Використовуйте атрибут title для опису шаблону, щоб допомогти
користувачеві. Цей атрибут застосовується, коли значення атрибута типу –
text, search, tel, URL або email, інакше він ігнорується. Мова регулярних
виразів збігається з JavaScript.
Елементу <input> відповідає об’єкт HTMLInputElement, основні
властивості якого відповідають атрибутам елементу <input>, а також такі
властивості, як
labels – повертає NodeList, список елементів <label>, які є мітками для
цього елемента.
form – посилання на форму, що містить цей елемент.
Методи елементу
blur() – програмно забирає фокус з елементу;
checkValidity – повертає false, якщо елемент підлягає перевірці і не

відповідає умовам перевірки, також викликає подію invalid в елементі.