max атрибут HTML
Атрибут max определяет максимальное значение, допустимое и допустимое для элемента ввода, содержащего этот атрибут. Если value элемента больше этого значения, элемент не проходит проверку. Это значение должно быть больше или равно значению атрибута min. Если атрибут max присутствует, но не указан или указан некорректно, значение max не применяется. Если атрибут max указан корректно и непустое значение превышает максимум, разрешённый атрибутом max, проверка ограничений не позволит отправить форму.
Атрибут max допустим для числовых типов ввода, включая типы date, month, week, time, datetime-local, number и range, а также для элементов <progress> и <meter>. Это число, задающее наибольшее положительное значение, при котором элемент управления формы считается допустимым.
Если значение превышает разрешённое значение max, свойство validityState.rangeOverflow будет равно true, а элемент управления будет соответствовать псевдоклассам :out-of-range и :invalid.
Синтаксис
| Тип ввода | Синтаксис | Пример |
|---|---|---|
| date | yyyy-mm-dd | <input type="date" max="2019-12-25" step="1"> |
| month | yyyy-mm | <input type="month" max="2019-12" step="12"> |
| week | yyyy-W## | <input type="week" max="2019-W23" step=""> |
| time | HH:mm | <input type="time" max="17:00" step="900"> |
| datetime-local | yyyy-mm-ddTHH:mm | <input type="datetime-local" max="2019-12-25T23:59"> |
| number | <number> | <input type="number" min="0" step="5" max="100"> |
| range | <number> | <input type="range" min="60" step="5" max="100"> |
Примечание: Если данные, введённые пользователем, не соответствуют заданному максимальному значению, при проверке ограничений это значение считается недопустимым и будет соответствовать псевдоклассам :invalid и :out-of-range.
Дополнительные сведения см. в разделах Проверка на стороне клиента и rangeOverflow.
Для элемента <progress> атрибут max описывает объём работы, необходимый для задачи, обозначенной элементом progress. Если он указан, его значение должно быть больше нуля и представлять собой корректное число с плавающей запятой. Для элемента <meter> атрибут max задаёт верхнюю числовую границу измеряемого диапазона. Если указано минимальное значение (атрибут min), это значение должно быть больше него. В обоих случаях, если значение не указано, по умолчанию используется 1.
| Тип ввода | Синтаксис | Пример |
|---|---|---|
<progress> | <number> | <progress id="file" max="100" value="70"> 70%
</progress> |
<meter> | <number> | <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.elements.input.max
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera для Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
max |
4 | 12 | 16 | ≤12.1 | 5 | 18 | 16 | ≤12.1 | 4 | 1.0 | 4.4 | 4 |
html.elements.meter.max
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera для Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
max |
6 | 13 | 16 | 11 | 6 | 18 | 16 | 11 | 10.3 | 1.0 | Нет | 10.3 |
html.elements.progress.max
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera для Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
max |
6 | 12 | 6 | 11 | 6 | 18 | 6 | 11 | 7 | 1.0 | 4.4 | 7 |
См. также
stepmin- Проверка ограничений
- Проверка форм
validityState.rangeOverflow:out-of-range<input>-
Типы date, month, week, time, datetime-local, number и range, а также элемент
<meter>
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/max
