Change Contact Form 7 "ВВЕСТИ" текст с анимированным GIF ПОСЛЕ щелкнул

Question

Contact Form 7

Вопрос:

У меня есть простая форма с полем электронной почты и кнопки отправки.

Как заменить текст «SUBMIT» анимированным GIF, когда пользователь нажимает на него? Я хочу, чтобы GIF заменил текст внутри кнопки, или же проще вообще заменить кнопку GIF?

[email* EMAIL] [submit "Subscribe"] 

Мой анимированный GIF является следующее:

http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif

У меня уже есть сообщение об успешном завершении и проверки ошибок на месте.

Answer 1

первым дайте кнопку идентификатор и функцию JS затем на кнопке вы можете иметь

onclick="giffy(document.getElementById('the Id you gave your button'))" 

то функция JS

function giffy(buttonId){buttonId.innerHTML = "<img src='http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif'> </img>"} 

так на кнопке щелкните текст заменяется вашим gif