формы

Регистрация читателя

Одна форма собирает почти все новые элементы шестой версии. Проверка полей включается атрибутом data-bs-validate и срабатывает только после того, как человек тронул поле: красные рамки не вспыхивают при первом открытии страницы.

Кто вы
Имя нужно, чтобы подписывать письма.
Обёртка-иконка — элемент label, клик по ней ставит фокус в поле.
Проверьте адрес.
Календарь — плагин Datepicker на Vanilla Calendar Pro.
Комбобокс с поиском построен на компоненте Menu; значение уходит в скрытое поле role.
Что читать
технологии город
Поле с чипами: Enter или запятая добавляет метку, Backspace убирает последнюю.
Кнопки-переключатели: класс btn-check стоит на подписи, поле вложено внутрь, связь через :has().
Галочка появляется с лёгким «перелётом» — анимация в ядре.
Ползунок — плагин Range: закрашенная дорожка, подпись значения и деления из datalist.
Доступ
Восемь знаков и больше.
Одно поле ввода, нарисованное как шесть ячеек: вставка из буфера раскладывается по ячейкам сама.
₸ в месяц
Группа полей без flex-wrap: подсказка живёт в родительском form-field.
Без галочки форма не отправится, а ошибка покажется только после касания.
Нужно согласие.
← webmarka.kz: все материалы исследования