Академический Документы
Профессиональный Документы
Культура Документы
Форматирование
полей. Валидация формы.
1
Знакомство с веб формами.
2
Чтобы приспособиться к этим потребностям, HTML предлагает
интерактивные элементы управления формы:
• текстовые поля (input, textarea);
• переключатели (toggle switch, radio button);
• флажки (checkbox);
• выпадающие списки (dropdown, select);
• виджеты для загрузки (file drop area, file input);
• кнопки отправки (submit button).
Эти элементы управления задействуют разные теги HTML, но
большинство из них использует тег <input>.
Поскольку это самозакрывающий элемент, тип поля определяется
его атрибутом type:
3
Элемент <form>
<form> является блочным элементом, который определяет
интерактивную часть веб-страницы. Как результат, все элементы
управления (такие как <input>, <textarea> или <button>) должны
находиться внутри элемента <form>.
4
Как правило, информация формы посылается на сервер. Как эти
данные затем будут обработаны выходит за рамки данного
руководства.
Текст <input type="text"> Допускает любой тип
символов
Емейл <input type="email"> Может показывать
предупреждение, если
введён неверный email
Пароль <input Символы
type="password"> показываются как
звёздочки
Число <input type="number"> Могут быть
использованы клавиши
вверх/вниз
Телефон <input type="tel"> Может сработать
автозаполнение
Дата\Число <input type=”date”> Можно вводить дату в
правильном формате
Многострочный текст <textarea></textarea> Может быть изменён
размер поля
5
Placeholder
Текстовые поля могут отображать подсказывающий текст,
который исчезнет, как только будет введён некоторый текст.
6
Форматирование полей формы
Самый простой путь валидации — это определить тип input поля
и расставить атрибуты required которые отвечают за
обязательность заполнения.