Исторически сложилось так, что для единообразной стилизации форм в разных браузерах приходится прилагать немало усилий. Кроме того, формы требуют применения JavaScript для валидации введенных данных, а также лишены специфических типов полей ввода для указания повседневной информации вроде телефонных номеров, адресов электронной почты и URL-адресов.
Хорошая новость заключается в том, что HTML5 решает большинство из этих распространенных проблем. Познакомимся с новыми функциями, касающимися HTML5-форм, и посмотрим, как они облегчают бремя разработчика.
В этой главе мы научимся использовать HTML5, чтобы:
— легко вставлять подсказку в соответствующие поля форм;
— при необходимости отключать автозаполнение полей форм;
— делать определенные поля обязательными для заполнения перед отправкой форм;
— задавать разные типы полей ввода, например, для указания адресов электронной почты, телефонных номеров и URL-адресов;
— создавать ползунки диапазонов чисел для легкого выбора необходимых значений;
— добавлять календари и палитры цветов;
— применять регулярные выражения для определения значений, разрешенных для ввода в формы;
— добавлять полизаполнения, обеспечивая поддержку для менее совместимых браузеров;
— применять CSS3 для легкой и гибкой стилизации форм.
Добавить комментарий