Атрибут min тега <input>

Описание

Атрибут min задаёт минимальное допустимое значение для элемента <input>. Работает с числовыми типами (number, range) и типами для ввода даты/времени (date, month, week, time, datetime-local).

Пример использования:
<!-- Для числового поля --> <label for="age">Возраст (мин. 18):</label> <input type="number" id="age" name="age" min="18" max="99"> <!-- Для поля даты --> <label for="event-date">Дата события (не ранее сегодня):</label> <input type="date" id="event-date" name="event-date" min="2023-11-01">

Поддерживаемые типы input:

Тип Формат значения Пример
number Число min="1"
range Число min="0"
date ГГГГ-ММ-ДД min="2023-01-01"
datetime-local ГГГГ-ММ-ДДTЧЧ:ММ min="2023-01-01T00:00"
month ГГГГ-ММ min="2023-01"
time ЧЧ:ММ min="09:00"
week ГГГГ-Wнеделя min="2023-W01"

Рекомендации:

  • Всегда сочетайте с атрибутом max для точного диапазона
  • Для числовых полей укажите step для контроля шага изменения
  • Используйте JavaScript для динамической установки min (например, текущая дата)
  • Дублируйте проверки на сервере

Пример с временным интервалом:

<label for="working-hours">Начало рабочего дня (не ранее 08:00):</label> <input type="time" id="working-hours" name="working-hours" min="08:00" max="18:00" value="09:00">

Ограничения:

  • Не работает с типами text, email, password и другими нечисловыми
  • Визуальное отображение ограничений зависит от браузера
  • Старые браузеры могут игнорировать этот атрибут
  • Для сложных условий потребуется JavaScript-валидация

Примечание: Атрибут min особенно полезен для форм бронирования, заказов и любых интерфейсов, где важно ограничить нижнюю границу вводимых значений. Для дат часто используют динамическую установку минимального значения через JavaScript.