Made on
Tilda
Три согласованных стиля для полей, подписей и выбора. Настройте один пресет, проверьте состояния и перенесите CSS на несколько стандартных форм Tilda.
Расскажите о задаче. Поля здесь можно заполнить, но отправить данные нельзя.
Обработчиков отправки и подключения сервисов нет.
Стиль применяется к предпросмотру и трём штатным примерам ниже.
Это визуальная проверка. Настоящую валидацию и отправку на вашем сайте продолжает выполнять Tilda.
Один и тот же генератор собирает предпросмотр и экспорт. Код не содержит JavaScript и защиту демо-страницы.
BF203N, BF204N или BF402N. Тексты, обязательность полей, сервисы приёма и кнопку настраивайте как обычно. Сохраняйте обычные подписи над полями.
У нужных блоков в CSS Class Name укажите uc-aw-formskin без точки. Один класс объединит несколько форм. Либо используйте ID одного блока.
Разместите HTML-блок после форм, вставьте весь скопированный код и опубликуйте страницу. Проверьте мобильную ширину, Tab, ошибку и отправку тестовой заявки.
На настоящих блоках Tilda:
Что уже умеет Tilda. Цвета, скругление и подчёркивание полей, постоянные подсказки, выбор кнопками и колонки есть в штатных настройках. Этот набор объединяет оформление в переиспользуемые пресеты и согласует фокус, ошибки и обычные радиокнопки в разных раскладках.
Границы. Проверены структуры T678 и T700 этих трёх блоков: имя, email, textarea, select, чекбокс согласия и обычные радиокнопки. Нет плавающих подписей. Телефонные маски, файлы, пароли, скрытые и платёжные поля, Zero Block и другие типы форм не охвачены. Пресеты рассчитаны на светлый фон секции; его настраивайте в Tilda. Автомасштабирование не проверялось.
Безопасное демо. Отправка штатных форм ниже заблокирована только на этой странице. Экспорт содержит исключительно CSS: не меняет получателей, валидацию, кнопку отправки и штатную логику формы.