如何修改 Contact Form 7 提交按钮的文字?请诸君先查阅上一篇  Contact Form 7 WordPress 表单插件使用定制教程  我们在企业

项目中做的效果图如下

如何修改Contact Form 7提交按钮的文字?

Contact Form 7 的提交按钮,submit 按钮文字中文状态下默认是提交,基于我们的需求,那么我们如何自定义我们提交按钮的文字

呢?

第一步:为 submit 按钮添加 id

如何修改Contact Form 7提交按钮的文字?

如图,我们添加了一个 submitname 的 ID,ok,直接点确定即可。保存之后,我们在使用的页面上用 javascript 来控制这个 id 的 value

<script type="text/javascript">
function ChangeSubmitName(){
document.getElementById("subname").value="立即预约";
}
window.onload=ChangeSubmitName;
</script>

window.onload=ChangeSubmitName;,意思是我们在页面加载的时候就执行此 function 。 ok,结束。完美解决问题!如上,我们

就成功的修改了 Contact Form 7 提交按钮的文字。此两篇教程,已经足够诸君在响应式企业网站建站外贸网站建设项目中解决表单

的问题了。更深层次的定制,我们将在接下来的文章中一一介绍。