单击后点击动画gif更改联系表格7“提交”文本

Question

联系表格7

问题：

我有一个简单的表单，其中包含电子邮件字段和提交按钮。

当用户点击时，如何用动画GIF替换“SUBMIT”文字？我希望GIF替换按钮内的文字，还是更容易用GIF替换按钮？

[email* EMAIL] [submit "Subscribe"]

我的动画GIF如下：

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

我已经有成功的消息和错误验证。

Answer 1

首先给你的按钮一个ID和一个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