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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *