Значение month
Синтаксис
HTML
<input type="month">
Описание
Тип month
(от англ. "month" ‒ «месяц») создаёт поле ввода месяца.
Внешний вид
‒ поле ввода месяца (Chrome);
‒ наведение курсора;
‒ фокус.
‒ интерфейс выбора месяца.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | |
5.1 | 4.10.5.1.8. Month state (type=month) |
XHTML | |
1.0 | |
1.1 |
Сопутствующие атрибуты
- autocomplete
- Автозаполнение значения поля ввода месяца.
- autofocus
- Автоматческая фокусировка на поле ввода месяца после полной загрузки страницы.
- disabled
- Блокировка поля ввода месяца.
disabled="disabled"
- form
- Присоединение поля ввода месяца к форме.
- list
- Создание списка рекомендованных вариантов вводимого месяца.
- max
- Указывает, верхний (максимальный) предел ввода месяца.
- min
- Указывает, нижний (минимальный) предел ввода месяца.
- name
- Присвоение имени полю ввода месяца.
- readonly
- Указывает, что поле ввода месяца доступно только для чтения (изменение/редактирование запрещено).
- required
- Указывает, что поле ввода месяца обязательно для заполнения.
- step
- Устанавливает интервал увеличения числового значения месяца.
Значение по умолчанию: «
1
» месяц. - value
- Указывает значение, которое должно быть допустимой строкой месяца. (Значение отправляется на сервер или используется скриптами.)
Значение должно иметь формат: «
<ГГГГ>-<ММ>
»value="2015-10"
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, 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>
<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)