HTML атрибут: max (макс)
Атрибут max определяет максимальное значение, которое является приемлемым и допустимым для входных данных, содержащих атрибут. Если значение value элемента больше этого значения, элемент не проходит проверку (validation). Это значение должно быть больше или равно значению атрибута min. Если maxатрибут присутствует, но не указан или недействителен, maxзначение не применяется. Если max атрибут действителен и непустое значение превышает максимально допустимое для max атрибута, проверка ограничения предотвратит отправку формы.
Действителен для числовых типов ввода, включая типы date, Month, Week, Time, DateTime-local, Number и Range, а также элементов <progress> и <meter>. Атрибут max представляет собой число, указывающее наиболее положительное значение, которое элемент управления формы считается действительным.
Если значение превышает максимально допустимое значение, validityState.rangeOverflow будет true истина), и элемент управления будет соответствовать псевдоклассам :out-of-range и :invalid.
Синтаксис
Синтаксис для max значений по вводу type
| Тип ввода | Синтаксис | Пример |
|---|---|---|
| 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»> |
Примечание. Если данные, введенные пользователем, не соответствуют установленному максимальному значению, значение считается недействительным при проверке ограничений и будет соответствовать псевдоклассам :out-of-range и :invalid
См. раздел Проверка на стороне клиента и rangeOverflow дополнительную информацию.
Для <progress> элемента max атрибут описывает, сколько работы <progress> требует задача, указанная элементом. Если он присутствует, он должен иметь значение больше нуля и быть допустимым числом с плавающей запятой. Для <meter> элемента max атрибут определяет верхнюю числовую границу измеряемого диапазона. Оно должно быть больше минимального значения (min атрибута), если оно указано. В обоих случаях, если он опущен, значение по умолчанию равно 1.
Синтаксис max значений для других элементов
| Тип ввода | Синтаксис | Пример |
|---|---|---|
| <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.
Обсуждение