Что делает модификация

Добавляет собственную иконку в каждое поле стандартной формы.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.

Настройте под свой сайт

Настройка	Назначение
HTTPS-ссылки на иконки по порядку полей	Выберите значение в интерфейсе личного кабинета.
Класс формы (пусто — все формы)	Выберите значение в интерфейсе личного кабинета.
Размер иконки, px	Параметр 12–80
Отступ справа, px	Параметр 0–60

Подготовьте формуДобавьте стандартную форму. По умолчанию иконки добавляются во все поля по порядку. Чтобы ограничить эффект одной формой, задайте её блоку класс и укажите его в кабинете.
Подготовьте иконкиЗагрузите изображения или SVG в LF Drive. Скопируйте прямые ссылки и вставьте по одной на строку в порядке полей.
Проверьте поляНастройте размер и отступ справа. Код резервирует место под иконку, чтобы введённый текст не перекрывался.
Получите готовый кодВ личном кабинете выберите параметры, нажмите «Сгенерировать код» и вставьте результат в T123 после подготовленных блоков. Опубликуйте страницу и проверьте на компьютере и телефоне.

Важно

Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.

Где менять параметры?

После покупки откройте модификацию в личном кабинете. Выберите параметры и сгенерируйте готовый код без ручного редактирования.

Почему эффект не виден в редакторе?

Скрипт выполняется на опубликованной странице. Проверьте классы, тип блока и положение кода.

Пример отправляет данные?

Нет. Живой пример показывает интерфейс и механику. На вашем сайте используются подготовленные элементы Tilda.