Как кастомизировать форму в Taptop: дизайн, сценарии и валидация
Taptop | Визуальный редактор кода
0:00 / 0:00
Как кастомизировать форму в Taptop: дизайн, сценарии и валидация
112 просмотров · 1 день назад
Taptop | Визуальный редактор кода
3,49 тыс. подписчиков
112 просмотров · 1 день назад
Кастомизируйте форму в Taptop: добавляйте заголовок и подзаголовок, карточки, чекбокс, вторую кнопку и настраивайте состояния ошибки и успеха.
В ролике собираем сложную форму на основе стандартного виджета. Разбираем стилизацию полей, работу с placeholder, типами input, маской телефона, ссылками в тексте чекбокса и состояниями элементов.
Вы узнаете:
— как собрать форму из стандартного виджета;
— как настроить поля «Имя», «Телефон» и «Почта»;
— как добавить карточку, чекбокс и финальное сообщение;
— почему для второго действия нужна отдельная кнопка;
— как настроить hover-состояния кнопок;
— как сделать валидацию обязательных полей;
— как оформить ошибки полей, чекбокса и самой формы;
— как настроить экраны ошибки и успешной отправки.
После настройки сохраните, опубликуйте сайт и проверьте отправку формы без заполнения полей и с заполненными данными.
Чтобы узнать о нас больше, присоединяйся к нашим Telegram-каналам:
Наш основной Telegram-канал: https://t.me/+XTkgRX7cA10yZGYy
Telegram-канал с примерами лучших кириллических сайтов: https://t.me/+iMyoA4OXsgxmZTJi
Закрытое коммьюнити веб-дизайнеров: https://t.me/+YG7UX9kF5p9mN2Zi
Сайт Taptop: https://taptop.pro
Наш бесплатный курс: https://taptop.pro/besplatnyj-kurs
Наш платный курс: https://school.taptop.pro/?utm_source...