Создайте: дату в диапазоне

Создайте поле date с ограничениями min и max.

Официальный источникWHATWG HTML — date inputПроверено: 2026-08-26

ШАГ 1 · ИЗУЧИТЕ

Как это работает

Создайте поле date с ограничениями min и max. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример

<form><label for="start-date">Дата начала</label><input id="start-date" type="date" name="start_date" min="2026-01-01" max="2026-12-31"></form>

type="date" описывает календарную дату. min и max используют стандартный формат ГГГГ-ММ-ДД и образуют допустимый диапазон, только если минимум не позже максимума.

Частая ошибка

<form><label for="start-date">Дата</label><input id="start-date" type="date" name="start_date" min="2026-12-31" max="2026-01-01"></form>

Атрибуты есть и поле подписано, но диапазон перевёрнут: минимальная дата позже максимальной.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Дополните пример. Создайте поле date с ограничениями min и max.

index.htmlHTML

Безопасный результатизолировано

Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы

ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено

У даты есть id, name, min и max.
Границы — допустимые даты, и min не превышает max.
Поле date имеет label.

Объясните логику решения

Поместите input в form, свяжите label через for и id, добавьте name и переставьте границы так, чтобы min был первой датой.

Как это работает

Ваше задание

Напишите и посмотрите результат

Что должно пройти