HTML атрибут: min (минимум)
Атрибут min определяет минимальное значение, которое является приемлемым и действительным для входных данных, содержащих атрибут. Если значение value элемента меньше этого значения, элемент не проходит проверку (validation). Это значение должно быть меньше или равно значению атрибута max.
Некоторые типы входных данных имеют минимум по умолчанию. Если входные данные не имеют минимального значения по умолчанию и для него указано значение, min которое нельзя преобразовать в допустимое число (или минимальное значение не установлено), входные данные не имеют минимального значения.
Действителен для числовых типов ввода, включая типы date, Month, Week, Time, DateTime-local, Number и Range, а также элемента <meter>.
Синтаксис
Синтаксис для min значений по вводу type
| Тип ввода | Синтаксис | Пример |
|---|---|---|
| date | yyyy-mm-dd | <input type=«date» min=«2019-12-25» step=«1»> |
| Month | yyyy-mm | <input type=«month» min=«2019-12» step=«12»> |
| Week | yyyy-W## | <input type=«week» min=«2019-W23» step=«»> |
| Time | hh:mm | <input type=«time» min=«09:00» step=«900»> |
| DateTime-local | yyyy-mm-ddThh:mm | <input type=«datetime-local» min=«2019-12-25T19:30»> |
| 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 дополнительную информацию.
Для <meter> элемента min атрибут определяет нижнюю числовую границу измеряемого диапазона. Оно должно быть меньше минимального значения (maxатрибута), если оно указано. В обоих случаях, если он опущен, значение по умолчанию равно 1.
Синтаксис min значений для других элементов
| Тип ввода | Синтаксис | Пример |
|---|---|---|
| <meter> | <number> | <meter id=«fuel» min=«0» max=«100» low=«33» high=«66» optimum=«80» value=«40»> at 40/100</meter> |
Влияние на шаг
Значение min и step определяет допустимые значения, даже если stepатрибут не включен (по step умолчанию ) 0.
Мы добавляем большую красную рамку вокруг недопустимых входных данных:
- CSS
input:invalid { border: solid red 3px; }
Поскольку step по умолчанию установлено значение 1, допустимыми значениями являются 7.2, 8.2, 9.2 и т. д. Значение 8 недопустимо. Поскольку мы включили недопустимое значение, поддерживающие браузеры будут отображать это значение как недопустимое.
Если это не указано явно, step по умолчанию используется значение 1 для number и rangeи 1 тип единицы измерения (секунда, неделя, месяц, день) для типов ввода даты/времени.
Проблемы доступности
Предоставьте инструкции, которые помогут пользователям понять, как заполнять форму и использовать отдельные элементы управления формой. Укажите все необходимые и необязательные входные данные, форматы данных и другую соответствующую информацию. При использовании min атрибута убедитесь, что это минимальное требование понятно пользователю. Предоставления инструкций внутри <label> может быть достаточно. Если вы предоставляете инструкции вне этикеток, что обеспечивает более гибкое позиционирование и дизайн, рассмотрите возможность использования aria-labelledby или aria-describedby.
Обсуждение