11 клас. Урок 24. Валідація те збереження даних форм.

Валідація (англ. Validation) — процес підтвердження відповідності або надання законної сили

Форми в HTML5 тепер мають вбудовану підтримку для перевірки за допомогою використання спеціальних атрибутів і нових типів введення, і надають вам широкий контроль над CSS-стилями.

Приклад:https://demo.tutorialzine.com/2014/12/quick-tip-easy-form-validation-with-html5/

color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url,week
Більше 
Щоб скористуватися новими типами, включіть їх в якості значення атрибута type:


 <input type="email">
Завдання 1. Порожні поля.
Валідація через атрибут required, який прописується в тезі input або інших тегах форм
Допишіть у всі теги форм атрибут required та зробіть висновок.

Завдання 2. Обмеження кількості символів та максимум числа
атрибути:

• maxlenght="число" максимальна довжина стрічки
• minlength="число" мінімальна довжина стрічки
• min="число" мінімальне значення
• max="число" максимальне значення

Доберіть до даних елементів форми обмеження по кількості та величині даних. Допишіть елемент форми для введення електронної пошти.

Завдання 3. Підказка про обмеження у введенні даних
Атрибут: 
title="Текст підказки для введення даних у елемент форми".
Додайте підказки до усіх полів.