Новые элементы управления форм (input) в HTML5

29.03.2012
В данной заметке мы кратко рассмотрим новые элементы управления форм, добавленные в HTML5. В тексте вы найдёте сами элементы и сможете их опробовать.

Числа


Новые элемент number, позволяет добавить на форму элемент для ввода чисел, а указав свойства max и min можно указать пределы значений.



Диапазон


Выводит на экран ползунок, с помощью которого можно выбрать необходимое численное значение. Так же как и number имеет свойства min и max. Но к сожалению не выводит информацию о текущем значении. Так что вам придётся подключить сюда JavaScript.



Дата и время


Как видно из названия, новые элементы предназначены для ввода даты и времени. Причём этих элементов целых пять.











Выбор цвета


Элемент для выбора цвета



Поле поиска


По сути обычное поле для ввода, но оформленное немного в другом стиле.



P.S. Если какой либо из элементов выводится в виде обычного поля для ввода, значит ваш браузер не поддерживают этот элемент.