Атрибут HTML: max

Атрибут max определяет максимальное значение, которое допустимо для ввода, содержащего этот атрибут. Если значение value элемента больше этого значения, элемент не проходит валидацию. Это значение должно быть больше или равно значению атрибута min. Если атрибут max присутствует, но не указан или некорректен, ни одно max значение не применяется. Если атрибут max корректен и непустое значение больше максимального, разрешенного атрибутом max, проверка ограничений предотвратит отправку формы.

Допустимо для числовых типов ввода, включая дату, месяц, неделю, время, локальное время и дату, число и диапазон, а также для элементов <progress> и <meter>, атрибут max является числом, которое определяет наибольшее положительное значение, при котором элемент управления формой считается корректным.

Если значение превышает максимальное значение, разрешенное атрибутом max, validityState.rangeOverflow будет истинным, и элемент управления будет соответствовать псевдоклассам :out-of-range и :invalid.

Синтаксис

Синтаксис значений `max` для элементов ввода `type`
Тип ввода	Синтаксис	Пример
дата	`yyyy-mm-dd`	`<input type="date" max="2019-12-25" step="1">`
месяц	`yyyy-mm`	`<input type="month" max="2019-12" step="12">`
неделя	`yyyy-W##`	`<input type="week" max="2019-W23" step="">`
время	`hh:mm`	`<input type="time" max="17:00" step="900">`
локальное время и дата	`yyyy-mm-ddThh:mm`	`<input type="datetime-local" max="2019-12-25T23:59">`
число	<число>	`<input type="number" min="0" step="5" max="100">`
диапазон	<число>	`<input type="range" min="60" step="5" max="100">`

Примечание: Когда введенные пользователем данные не соответствуют максимальному значению, значение считается некорректным при проверке ограничений и будет соответствовать псевдоклассам :invalid и :out-of-range.

Дополнительную информацию см. в разделах Проверка ограничений на стороне клиента и rangeOverflow.

Для элемента <progress> атрибут max описывает объем работы, необходимой для задания, указанного элементом progress. Если он присутствует, его значение должно быть больше нуля и быть корректным числом с плавающей точкой. Для элемента <meter> атрибут max определяет верхнюю числовую границу измеряемого диапазона. Это значение должно быть больше минимального значения (min атрибут), если оно указано. В обоих случаях, если атрибут опущен, значение по умолчанию равно 1.

Синтаксис значений `max` для других элементов
Тип ввода	Синтаксис	Пример
`<progress>`	<число>	`<progress id="file" max="100" value="70"> 70% </progress>`
`<meter>`	<число>	`<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>`

Вопросы доступности

Предоставьте инструкции, помогающие пользователям понять, как заполнить форму и использовать отдельные элементы управления формой. Укажите необходимые и необязательные поля ввода, форматы данных и другую релевантную информацию. При использовании атрибута max убедитесь, что пользователи понимают это максимальное ограничение. Инструкции в <label> могут быть достаточными. Если инструкции размещаются вне меток, что позволяет более гибкое позиционирование и дизайн, воспользуйтесь атрибутами aria-labelledby или aria-describedby.

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

Спецификация
Стандарт HTML # attr-input-max
Стандарт HTML # attr-meter-max
Стандарт HTML # attr-progress-max

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`max`	6	12	6	11	6	18	6	11	7	1.0	4.4

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`max`	6	≤18	16	11	6	18	16	11	10.3	1.0	Нет

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`max`	4	12	16	≤12.1	5	18	16	≤12.1	4	1.0	≤37

html.elements.input.max

Таблицы BCD загружаются только в браузере

html.elements.meter.max

Таблицы BCD загружаются только в браузере

html.elements.progress.max

Таблицы BCD загружаются только в браузере

См. также

step
min
Другие атрибуты элементов измерения: low, high, optimum
Проверка ограничений
Проверка форм
validityState.rangeOverflow
:out-of-range
<input>
дата, месяц, неделя, время, локальное время и дата, число и диапазон, а также <meter>

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max