[wordpress插件] Customize Submit Button for Gravity Forms自定义重力表单的提交按钮

Gravity Forms already lets you customize the Submit Button under its Form Settings for each form;

Gravity Forms已经可以让您自定义每个表单在“表单设置”下的“提交”按钮；

you can change the button’s text and you can select whether the button should be an or an element.

您可以更改按钮的文本，还可以选择按钮是 还是 元素。

However, you can’t add html as part of the button text and you’re restricted to using either an input or image element for the button.

但是，您不能将html添加为按钮文本的一部分，并且只能使用input或image元素作为按钮。

With this plugin you can choose to use a tag element instead, which also lets you embed HTML inside it.

使用此插件，您可以选择使用

标记元素代替，这也允许您将HTML嵌入其中。

Moreover, this plugin also lets you conveniently change the CSS classes of the submit button.

而且，此插件还使您可以方便地更改“提交”按钮的CSS类。

There are plenty of use cases for adding HTML into the submit button text.

在将HTML添加到提交按钮文本中有很多用例。

For instance, if your button text is multiple words long and you’d like to bold or italicize some of them by wrapping certain words in strong or em tags.

例如，如果您的按钮文字长度为多个单词，并且您想通过将某些单词包装在强标签或em标签中来加粗或斜体显示其中一些单词。

Likewise, there are many reasons to change the button’s default CSS class.

同样，更改按钮的默认CSS类的原因很多。

For example, GravityForms automatically adds the ‘button’ class, but, if you’re using the Twitter Bootstrap framework, ‘btn’ would actually be more helpful.

例如，GravityForms自动添加“ button”类，但是，如果您使用的是Twitter Bootstrap框架，“ btn”实际上会更有帮助。

Gravity Forms requires at least: 1.9.12.16

重力形式至少需要：1.9.12.16

Gravity Forms tested up to: 1.9.15.11

重力表测试到：1.9.15.11

After activating the plugin, please navigate to the form settings of the form that you wish to customize.

激活插件后，请导航至要自定义的表单的表单设置。

Scroll down to the ‘form button’ section where, in addition to ‘text’ and ‘image’, you’ll also be given ‘button’ as an input type option.

向下滚动到“表单按钮”部分，除了“文本”和“图像”外，还会为您提供“按钮”作为输入类型选项。

Selecting the ‘button’ option will change the submit button’s markup to a

element.

选择“按钮”选项会将提交按钮的标记更改为

元素。

You will also be able to embed html in the ‘HTML Button Text’ field.

您还可以在“ HTML按钮文本”字段中嵌入html。

In the same ‘form button’ section under form settings, there’s an input called ‘Submit Button CSS Classes’.

在表单设置下的同一“表单按钮”部分中，有一个名为“提交按钮CSS类”的输入。

This is where you can change the CSS classes being currently used by the submit button.

在这里您可以更改“提交”按钮当前正在使用的CSS类。

Currently you are only able to customize the submit buttons on a per form basis within the form settings and not globally.

当前，您只能在表单设置内（而不是全局）自定义表单中的提交按钮。

Please note that Gravity Forms must be installed and activated for the plugin to work.

请注意，必须安装并激活Gravity Forms才能使插件正常工作。