Поиск
Close this search box.
Поиск
Close this search box.

21 апреля, 2023

Добавить атрибут к кнопке в форме Elementor

Привет, дорогие друзья! Последнее время у меня часто спрашивают как добавить атрибут к кнопке в форме Elementor. Добавление атрибута к обычному виджету-кнопке мы рассмотрели в этой статье, но решение, описанное там, не подходит для кнопки в форме.

Давайте устраним этот недочет и покажем, как добавить атрибут для кнопки в форме Elementor.

Добавлять атрибут к кнопке “Отправить” в форме мы будем при помощи JQuery.

Итак, для начал подключим JQuery на страницу. WordPress изначально поддерживает JQuery, но у меня jquery-скрипты в редакторе элементора отказываются работать без стороннего подключения этой библиотеки.

Как добавить JQuery мы рассмотрели в этой статье, поэтому повторяться не будем.

После подключения JQuery на страницу, добавим виджет формы.

atribut k knopke v forme elementor 001

Далее зайдем в настройки виджета формы по пути “Содержимое -> Кнопки” и обязательно укажем ID кнопки (мы выбрали название mybutton, вы можете придумать свое название)

atribut k knopke v forme elementor 002

Далее ниже формы вставим html-виджет Elementor и добавим в него следующий код:

<script>
$(document).ready(function(){
  $('#mybutton').attr('disabled', '');
});
</script>
atribut k knopke v forme elementor 003

Прокомментируем…Данный скрипт добавляет для кнопки с id = “mybutton” атрибут “disabled“, который отключает кнопку и делает ее неактивной. Этот атрибут не имеет значение, поэтому после самого атрибута в кавычках нет значения. Подробнее с атрибутами кнопок ознакомьтесь в нашей статье здесь.

Чтобы посмотреть результат, перейдите на страницу с примером.

На сегодня это все, мы рассмотрели, как добавить атрибут к кнопке “Отправить” в форме Elementor.

Уникальные тексты и изображения
с помощью
Искусственного Интеллекта
на русском языке.

Перейдите в Telegram и возьмите бесплатный пакет символов для тестирования сервиса
10 000 символов бесплатно!

0

Интересные статьи

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.