如何修改 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 提交按鈕的文字。此兩篇教程,已經足夠諸君在響應式企業網站建站外貿網站建設項目中解決表單

的問題了。更深層次的定製,我們將在接下來的文章中一一介紹。