Атрибут max HTML тега <input>

Значение и применение

Атрибут max (HTML тега <input>) определяет максимальное значение для элемента (значение может быть как числовым, так и в виде даты).

Попробуйте max в тренажёре HTML-форм: настройте поле, проверьте ввод и разберите результат.

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

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

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.input.max
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
max✓4✓12✓16✓≤12.1✓5✓18✓16✓≤12.1✓4✓1.0✓4.4✓4

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Внешний вид выбора даты и времени зависит от браузера. Ограничение применимо к number, range, date, month, week, time и datetime-local; строка значения должна соответствовать типу поля.

Синтаксис:

HTML
<input max = "number | date">

Значения атрибута

Значение Описание
number Указывает максимальное допустимое числовое значение.
date Указывает максимальное допустимое значение даты.

Отличия HTML 4.01 от HTML 5

Атрибут max считается новым в HTML 5.

Граница не обязательно запрещает набор числа за пределами диапазона: у number такая запись может оставаться в поле, но не проходить проверку. Это не ограничение длины текста; для неё используется maxlength.

Примеры, попробуйте сами

Атрибут max элемента input

Измените max в HTML и сравните результат. Кнопка запускает встроенную проверку; отправка из предпросмотра отключена.

index.html
HTML
<form>
  <label for="field">Поле примера</label><input id="field" type="number" min="1" max="5" value="3" /><button
    type="submit">
    Проверить
  </button>
</form>