/html/input/type/week:> Поле ввода недели_

Значение week

Синтаксис

HTML
<input type="week">

Описание

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

Внешний вид

  • Внешний вид поля ввода недели в 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.9. Week state (type=week)
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
Указывает, что поле ввода недели обязательно для заполнения.
size
Задаёт ширину поля ввода недели по количеству вводимых символов.

Внешний вид поля ввода недели шириной в 10 символов size="10"

step
Устанавливает интервал увеличения числового значения недели.

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

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

Значение должно иметь следующий формат: «ГГГГ-WНН».

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

Глобальные атрибуты
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>Значение week (input-type)</title>
</head>
<body>
<h1>Пример с полем ввода недели "type=week"</h1>
<fieldset> <legend>Введите неделю</legend>
<p><input type="week" list="weekList"></p>
<datalist id="weekList">
<option value="2016-W01" label="4-10 января 2016">
<option value="2016-W02" label="11-17 января 2016">
<option value="2016-W03" label="18-24 января 2016">
</datalist>
</fieldset>
</body>
</html>
Значение week (input-type)