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

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