HTML5: новые типы форм и их свойства
HTML5 был нацелен на внедрение новых свойств HTML-форм. Возможно, это та область, в которой HTML5 несет наибольшие изменения, однако они все еще находятся в процессе разработки.
Новые типы форм / вводимых данных в HTML5
Формы в HTML5 направлены на улучшение форм HTML 4 посредством добавления следующих 13 новых типов элементов управления input:- datetime (ввод глобальной даты и времени);
- datetime-local (ввод локальной даты и времени);
- date (дата);
- month (ввод года и месяца);
- time (ввод времени);
- week (ввод года и недели);
- number (ввод числа);
- range (ввод неопределенного числа);
- email (ввод адреса электронной почты);
- url (ввод URL);
- search (поле поиска);
- tel (ввод телефонного номера);
- color (средство выбора цвета).
Эти новые типы облегчают жизнь разработчикам: в случае, если с новым типом связан специальный пользовательский интерфейс, этот интерфейс обрабатывается непосредственно браузером, и разработчику не приходится писать свой собственный JavaScript-код или использовать библиотеки JavaScript.
Возьмем для примера ввод цвета: браузер создает палитру цветов, которая дает возможность пользователям выбирать цвет, просто подведя курсор к нужному цвету и щелкнув мышью. В случае с вводом даты браузер создает возможность выбора по календарю.
Предоставление пользователю графического интерфейса управления для таких типов вводимых данных также подразумевает наличие встроенного (в отличие от дополнительного) механизма, который следит за тем, чтобы пользователи вводили значения в правильном диапазоне.
Для конечных пользователей имеет большое значение также наличие автоматической системы валидации в браузере — и для того, чтобы пользователь не мог ввести неверное значение, и для того, чтобы быстро оповестить его, если он все-таки его введет. (В реализациях форм с помощью HTML5 валидация в браузере включена по умолчанию и может быть отключена либо через меню браузера, либо разработчиком страницы, который может явно присвоить целой форме или конкретному элементу управления атрибут formnovalidate.)
- ↑ Веб-дизайн
- ← HTML5: элемент canvas / CanvasRenderingContext2D
- → HTML5: Атрибут required и его возможности