Перейти к содержимому

Как кастомизировать форму в 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...