Стандартные блоки

Оформление штатных форм Tilda

Единые поля, интервалы и состояния фокуса для трёх проверенных форм. Код установки содержит только CSS.

Загружаем конструктор…

Если конструктор не загрузился, откройте демонстрацию.

Установка и использование

Для чего нужна модификация

Подойдёт для формы заявки, которая должна сочетаться с остальной страницей: одинаковые поля, спокойные интервалы и заметный фокус помогают читать форму и перемещаться по ней клавиатурой. Варианты оформления позволяют выбрать мягкие поля, контур или минимальную нижнюю границу.
Поля и их названия продолжаете настраивать в Tilda. Модификация не заменяет элементы формы, обработку отправки и проверку заполнения. Установочный код состоит только из CSS. В предпросмотре отправка специально заблокирована, поэтому пробные данные не отправляются получателям.

Как установить

  1. Добавьте BF203N, BF204N или BF402N. Настройте подписи и поля в штатном содержимом формы.
  2. Назначьте блоку класс uc-aw-formskin; если префикс uc- уже виден, введите aw-formskin.
  3. Выберите тему и параметры в конструкторе. Скопируйте полный блок style в T123 на странице с формой.
  4. Опубликуйте и проверьте поля, фокус и ошибки. Интеграции и реальную отправку проверяйте отдельно в своём согласованном сценарии.

Что можно настроить

Меняются тема, акцент, скругление, плотность полей и оформление вариантов radio в виде плиток. Минимальная тема намеренно использует прямые углы. Подтверждено оформление имени, email, многострочного текста, списка, radio и checkbox в проверенных структурах.

Совместимость и ограничения

Темы рассчитаны на светлые поверхности. Телефон с маской, загрузка файлов, пароли, скрытые и платёжные поля остаются штатными. Кнопка отправки и логика валидации не меняются. Zero Block и формы магазина не входят в подтверждённую поддержку. Часть декоративных состояний radio использует :has(); без него сохраняются нативные элементы управления.

Что проверено

Три формы проверены в Chromium при окне 501 px и в предпросмотре 360 px. Реальная отправка и интеграции не тестировались; совместимость с Autoscale не проверена.

Вопросы и решения

Модификация меняет отправку заявок и интеграции?

Нет, установочный код состоит из CSS и меняет оформление. Проверка заполнения, отправка и подключённые получатели остаются штатными. В демонстрации отправка специально заблокирована; реальную отправку проверяйте отдельно на своём сайте.

Какие формы и поля поддерживаются?

Подтверждены BF203N, BF204N и BF402N: имя, email, многострочный текст, список, radio и checkbox. Маска телефона, файлы, пароль, скрытые и платёжные поля сохраняют штатный вид. Поддержка Zero Block и форм магазина не заявлена.

Почему скругление не меняет углы минимальной темы?

Минимальная тема намеренно использует прямые углы и нижнюю границу. Для округлых полей выберите другую тему. Оформление рассчитано на светлую поверхность.

Как отменить оформление и сохранить форму?

Уберите только CSS этой модификации из T123, опубликуйте страницу и перезагрузите её. Сам блок формы, поля и настройки получателей сохраняйте.

Ещё модификации

Все модификации
Модификации и инструменты для Tilda.
Made on
Tilda