Покорение форм с помощью HTML5 и CSS3

Исторически сложилось так, что для единообразной стилизации форм в разных браузерах приходится прилагать немало усилий. Кроме того, формы требуют применения JavaScript для валидации введенных данных, а также лишены специфических типов полей ввода для указания повседневной информации вроде телефонных номеров, адресов электронной почты и URL-адресов.

Хорошая новость заключается в том, что HTML5 решает большинство из этих распространенных проблем. Познакомимся с новыми функциями, касающимися HTML5-форм, и посмотрим, как они облегчают бремя разработчика.

В этой главе мы научимся использовать HTML5, чтобы:

— легко вставлять подсказку в соответствующие поля форм;

— при необходимости отключать автозаполнение полей форм;

— делать определенные поля обязательными для заполнения перед отправкой форм;

— задавать разные типы полей ввода, например, для указания адресов электронной почты, телефонных номеров и URL-адресов;

— создавать ползунки диапазонов чисел для легкого выбора необходимых значений;

— добавлять календари и палитры цветов;

— применять регулярные выражения для определения значений, разрешенных для ввода в формы;

— добавлять полизаполнения, обеспечивая поддержку для менее совместимых браузеров;

— применять CSS3 для легкой и гибкой стилизации форм.