Форма ввода в HTML5

Тег дата рождения html

Для работы с датами и временем в HTML5 предназначено несколько типов элементов input:

• datetime-local : устанавливает дату и время
• date : устанавливает дату
• month : устанавливает текущий месяц и год
• time : устанавливает время
• week : устанавливает текущую неделю

Например, используем поле для установки даты:

       
 
Имя: 
 
Дата рождения: 
 
Отправить 
 
   

И при вводе в поле для даты будет открываться календарик:

Правда, здесь надо отметить, что действие этого элемента зависит от браузера. В данном случае используется Google Chrome. В последних версиях Opera элемент не будет сильно отличаться. А вот в Microsoft Edge элемент будет выглядеть так:

Применение остальных элементов:

       
 
Неделя: 
 
Дата и время: 
 
Месяц: 
 
Время: 
 
Отправить 
 
   

При использовании этих элементов также надо учитывать, что Firefox поддерживает только элементы date и time , для остальных создаются обычные текстовые поля. А IE11 и вовсе не поддерживают эти элементы.

Источник