Как выделить активное поле формы в Tilda
Свечение, рамка, подчёркивание или подъём: выбор эффекта и проверка состояний поля.Подробнее о модеСвернуть описание
Как выделить активное поле формы в Tilda
Свечение, рамка, подчёркивание или подъём: выбор эффекта и проверка состояний поля.Что умеет мод
- Добавляет один из четырёх эффектов к полю в фокусе.
- Позволяет настроить акцентный цвет и скорость перехода.
- Даёт настройки толщины рамки, линии или кольца для выбранного эффекта.
- Применяет оформление к формам по заданному CSS-селектору.
Как подключить
Выберите эффект
В конструкторе переключите свечение, границу, подчёркивание или подъём. В превью нажмите на поле и перейдите к следующему, чтобы оценить результат.
Настройте акцент
Задайте цвет и скорость. Подберите доступные для эффекта параметры толщины и прозрачности так, чтобы поле оставалось читаемым.
Ограничьте применение
В «Расширенном» укажите селектор нужных форм или оставьте все формы Tilda. Вставьте полученный код в T123 после формы и опубликуйте страницу.
Проверьте работу на сайте
Пройдите поля мышью и клавишей Tab. Проверьте мобильный экран, обязательные поля и сообщения об ошибках: эффект не должен мешать чтению и исправлению ответа.
Что учитывать. Мод изменяет оформление фокуса; проверка полей и получатели заявок задаются в Tilda. При нескольких модах оформления на одном поле проверьте итоговые рамки и отступы.
Вопросы и ограничения
Можно выбрать несколько эффектов сразу?
В конструкторе выбирается один тип эффекта. Дополнительные параметры относятся к этому типу.
Когда появляется выделение?
Когда поле получает фокус — при клике или переходе к нему с клавиатуры. После ухода фокуса эффект перестаёт выделять поле.
Можно применить эффект к одной форме?
Да. Ограничьте «Селектор форм» нужной формой внутри конкретного блока, а остальные формы оставьте вне него.
Заменяет ли эффект сообщение об ошибке?
Нет. Эффект обозначает активное поле. Валидация и сообщения об ошибках должны оставаться настроенными в Tilda.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
