Типы input в form HTML 5

8 марта 2013

Типы (type) полей ввода input в формах (form) стандарта HTML 5.

Пишем <form>, вставляем несколько <input type="text">, может быть <input type="password"> и заканчиваем все кнопкой <input type="submit">. Так обычно выглядят простейшие формы.

HTML5 определяет множество новых типов полей, которые вы можете использовать в своих формах:

1. <input type="search"> для поиска
2. <input type="number"> ввод чисел
3. <input type="range"> ползунок
4. <input type="color"> выбор цвета
5. <input type="tel"> телефонный номер
6. <input type="url"> веб-адрес
7. <input type="email"> почтовый адрес
8. <input type="date"> выбор календарной даты
9. <input type="month"> выбор месяца
10. <input type="week"> выбор недели
11. <input type="time"> выбор времени
12. <input type="datetime"> дата и время
13. <input type="datetime-local"> местная дата и время