Расширение возможностей HTML-форм

Возможности HTML-форм в языке HTML5 расширены с помощью:

• • новых типов элементов управления input;
• • новых элементов ввода для работы с датой и временем;
• • новых атрибутов элементов управления;
• • новых элементов, используемых в форме.

Примерами новых типов элементов input в формах являются:

• • input type=email — определяет поле, которое должно содержать email адрес; структура введенного в данное поле значения автоматически проверяется перед отправкой на сервер;
• • input type=url — определяет поле, которое должно содержать urlадрес; структура введенного в данное поле значения также автоматически проверяется перед отправкой на сервер.
• • input type=tel — определяет поле для ввода телефонного номера; с помощью атрибута pattern можно установить формат принимаемого телефонного номера (с помощью регулярных выражений).
• • input type=number — определяет поле, которое должно содержать числа; можно задать диапазон вводимых чисел с помощью атрибутов min и max; с помощью атрибута step можно задать шаг изменения допустимых чисел (к примеру, если шаг равен 2, то в поле могут вводиться числа 0, 2,4, 6 и т. д.).

Например,.

cinput name='tel2' type-tel' pattern-[0−9]{2,3H0−9]{2}-[0−9]{2}' />

Кроме этого, в HTML5 для элементов форм введены новые атрибуты. Например,.

• • form — указывает форму, которой принадлежит данное поле (может использоваться со всеми типами input);
• • multiple — указывает, что данное поле может принимать несколько значений одновременно (может использоваться с элементами input типов email и file);
• • novalidate — указывает, что данное поле не должно проверяться перед отправкой (может использоваться с form и input);
• • placeholder — отображает текст-подсказку в поле (может использоваться с input таких типов, как text, search, url, tel, email и password);
• • required — указывает, что данное поле должно быть обязательно заполнено перед отправкой.

Например,.

Прикладные интерфейсы для языка JavaScript

В язык HTML5 к DOM-модели добавлены новые прикладные интерфейсы программирования:

• • методы 2Dи 3D-рисования на странице;
• • контроль над проигрыванием медиафайлов;
• • поддержка взаимодействия web-страницы с web-сервером (WebSocket, Server-Sent Events, Cross-Document Messaging);
• • поддержка локального хранилища (local storage, более функциональная альтернатива куки);
• • поддержка возможности перетаскивания элементов между страницами (Drag and Drop);
• • возможность создания скриптов, которые будут выполняться в фоновом режиме (Web Worker) и не будут влиять на скорость загрузки основной страницы;
• • поддержка работы со средствами определения местоположения пользователя (геолокация);
• • расширения возможностей кэширования страниц в браузере вебстраницы становятся доступны для пользователей даже без подключения к сети Интернет).