/html/input/type/month:> Поле ввода месяца_

Значение month

Синтаксис

HTML
<input type="month">

Описание

Тип month (от англ. "month" ‒ «месяц») создаёт поле ввода месяца.

Внешний вид

  • Внешний вид поля ввода месяца в Chrome ‒ поле ввода месяца (Chrome);
  • Внешний вид поля ввода месяца с наведённым на него курсором ‒ наведение курсора;
  • Внешний вид поля ввода месяца с фокусом ‒ фокус.
  • Внешний вид поля ввода месяца с интерфейсом выбора месяца ‒ интерфейс выбора месяца.

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 Input Field: INPUT
3.2 INPUT text fields, radio buttons, check boxes, ...
4.01 17.4.1 Control types created with INPUT
5.0 4.10.5 The input element
5.1 4.10.5.1.8. Month state (type=month)
XHTML
1.0 Extensible HyperText Markup Language
1.1 Extensible HyperText Markup Language

Сопутствующие атрибуты

autocomplete
Автозаполнение значения поля ввода месяца.
autofocus
Автоматческая фокусировка на поле ввода месяца после полной загрузки страницы.
disabled
Блокировка поля ввода месяца.

Внешний вид заблокированного поля ввода месяца disabled="disabled"

form
Присоединение поля ввода месяца к форме.
list
Создание списка рекомендованных вариантов вводимого месяца.

Внешний вид поля ввода месяца c вариантами заполнения

max
Указывает, верхний (максимальный) предел ввода месяца.
min
Указывает, нижний (минимальный) предел ввода месяца.
name
Присвоение имени полю ввода месяца.
readonly
Указывает, что поле ввода месяца доступно только для чтения (изменение/редактирование запрещено).
required
Указывает, что поле ввода месяца обязательно для заполнения.
step
Устанавливает интервал увеличения числового значения месяца.

Значение по умолчанию: «1» месяц.

value
Указывает значение, которое должно быть допустимой строкой месяца. (Значение отправляется на сервер или используется скриптами.)

Значение должно иметь формат: «<ГГГГ>-<ММ>»

Внешний вид поля ввода месяца с введённым значением value="2015-10"

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение month (input-type)</title>
</head>
<body>
<h1>Пример с полем ввода месяца "type=month"</h1>
<fieldset> <legend><b>Введите месяц</b></legend>
<p><input type="month" list="monthList"></p>
<datalist id="monthList">
<option value="2017-01" label="Январь 2017">
<option value="2017-02" label="Февраль 2017">
<option value="2017-03" label="Март 2017">
</datalist>
</fieldset>
</body>
</html>
Значение month (input-type)