min и max: диапазон чисел и дат
Атрибуты min и max задают допустимые границы для поддерживаемых числовых полей, дат и других ограниченных значений.
Назначение
Атрибуты min и max задают допустимые границы для поддерживаемых числовых полей, дат и других ограниченных значений.
Как это работает
Формат границ зависит от типа input: для number подходят числа, для date — календарная запись YYYY-MM-DD. Включённые границы проверяются вместе с шагом step и обязательностью required.
Пример
<label for="quantity">Количество от 1 до 10</label>
<input id="quantity" name="quantity" type="number" min="1" max="10" step="1" value="3">Что должно получиться
Число 3 находится внутри диапазона и соответствует шагу. Значения 0 и 11 выходят за границы, хотя их можно попытаться передать вне браузерного интерфейса.
Граница применения и частая ошибка
Границы не заменяют бизнес-проверку на сервере. Доступность даты может измениться, а клиентский запрос можно отправить без формы; диапазон в HTML является частью удобства интерфейса.
Самостоятельная проверка
Проверьте нижнюю границу, верхнюю и значения за пределами. Добавьте step=2 и объясните, почему некоторые числа внутри диапазона теперь тоже могут не пройти проверку.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.