Loading...

Кастомизируем тип поля в формах Tilda

Модификация поможет добавить: стрелки для переключения чисел, выпадающее окно с выбором цвета и вставить крестик, при нажатии на который будет удаляться текст внутри поля
Время настройки: 1 минута
Генератор кода
Видео инструкция
Инструкция
1. Добавляем стандартную форму или форму в Zero Block на страницу. В форме создаем поле "Поле для ввода в одну строку" (One line input field);

2. В генераторе выбираем тип поля: Число, Цвет или Как в поиске;

3. В генераторе указываем имя поля (VARIABLE NAME) и вставляем его в вашу форму в поле "Поле для ввода в одну строку" (One line input field);

4. Добавляем блок Т123 и вставляем в него сгенерированный HTML код;

ВАЖНО: Если у вас в форме установлен радиус скругления, то при выборе поля "Цвет" в генераторе, укажите такой же радиус скругления
Class элемента
Копировать код<!-- Кастомизируем тип поля в Tilda -->
<!-- https://nolim.cc/custom-type-input -->
<script> $(document).ready(function(){ $('[name="numb"]').attr('type','number'); setInterval(function(){ $('[name="numb"]').attr('type','number'); }, 2000); }); </script> 
<style> [type="color"]{ padding: 0px !important; background-color: transparent !important ; border: 0px !important; } input[type="color"]::-webkit-color-swatch { border: 0; padding: 0px !important;
border-radius: 0px;
}
input[type="color"]::-moz-color-swatch { border: 0; padding: 0px !important;
border-radius: 0px;
}
</style>
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda