超實用 Form-Builder 線上表單產生器

#
WordPress, 無料Free, 網頁設計

Date：
2020-04-20

Form-Builder 線上表單產生器，輕鬆建立精美表單

相信許多網站管理者都會在網站放上聯絡表單讓客戶方便聯繫，這樣確實能增加不少功能上的方便性。加上目前 Google 表單的使用率相當普及且容易上手，我們只需要透過拖拉的方式，就可以快速完成所需要的表單內容，例如︰聯絡表單、團購單、問卷表…等等，都能輕鬆地使用 Google 表單建立完成，因此也被廣泛使用。但使用 Google 表單所建立出來的頁面，往往有失美感且顯得簡陋，原本整體架構美觀的網站也可能因此被扣分。
然而不懂程式但想要在自己的網站上加入精美的聯絡表單，卻又不想使用 Google 提供的簡易表單時，「Form-Builder」絕對是你最好的選擇。
Form-Builder 提供的線上表單產生器完全 FREE 免費，趕快為自己的網站上加入一個精美的聯絡表單吧！

進入「Form-Builder」後，我們會看到頁面分割為三個操作區域，分別為︰
❶「表單項目」用來增加或減少欄位
❷「表單原始碼」直接在此修改原始碼
❸「預覽畫面」修改時同步顯示修改效果

Form-Builder 的每個表單欄位，都會用field包起來，因此很容易辨別欄位的區塊，現在我們依照每個欄位的原始碼去對應欄位的內容來做修改。

以圖片來說，白框框起來的內容即為區別每個欄位的屬性。可以發現每個欄位都會用field做為開頭，結束則是以end field做結尾。

舉例來說︰要修改表單上方的"Contact Us"文字，就在原始碼裡的第六行header Contact Us直接將Contact Us修改為"聯絡表單"即可。
Details 標題如果不顯示，直接將section Personal Details刪除就可以。
原始碼裡的白色文字，都是可以直接進行修改的。