Текст
Обычный текст без ограничений
Текст ошибки
Пароль
Нажми на кнопку, чтобы показать/скрыть. Иконку необходимо делать через svg-спрайт. use:nth-child(1) - невидим; use:nth-child(2) - видим; Сейчас используется временное закрашивание иконки, когда пароль раскрыт
Текст ошибки
Маски телефонов
Все три маски работают одинаково. Также, атрибут data-value будет получать все введенные значения единым числом без кода страны
Текст ошибки
Маска с кастомным паттерном
Такие маски можно создавать прямо в разметке. Они также перенимают введенное значение в data-value
Текст ошибки
Почта
Для почты необязательно использовать маски и валидаторы, так как имена могут быть абсолютно непредсказуемыми
Текст ошибки
Текстовая область
Обычная текстовая область без ограничений
Текст ошибки
Файлы
Зона для перетаскивания
Файлы не выбраны
Выбрать
Очистить
Превышен допустимый размер файла
Иконку необходимо делать через svg-спрайт. use:nth-child(1) - unchecked; use:nth-child(2) - checked; Сейчас используется временное закрашивание иконки, когда input:checked
Текст ошибки
Отправить через button
Отправить через div
Disabled отправить через button
Disabled отправить через div
Ошибка
Текст ошибки
Согласие с обработкой персональных данных. Вывод ошибки
Текст ошибки
hv-form playground
README
Download
Copy markup
Кнопки: скачать README, скачать базовые файлы (
_hv-form-file.js
,
_hv-form-masks.js
,
_hv-form.scss
), скопировать разметку формы.