聯成電腦網頁設計教學：不會網頁後端 也可自製網頁表單

文、菜鳥編

網頁表單相信大家一定會想到Google ，如果只是一般的資料填寫是非常好用。但如果今天針對活動網頁，希望可以在一個頁面中完成報名的動作。不懂處理程式的人，可能需要再透過技術人員，將資料與資料庫連結。或是透過嵌入第三方表單服務的方式，但又發現與網頁視覺格格不入。這次就來介紹大家一項好用的網路服務平台。

網站名稱：Getform

說明：可協助設計者快速將前端網頁表單資料與後端結合，收集填寫資訊。

進到首頁，可看到兩個選項，一個為展示的影片，這邊我們就點擊另一個「GET CODE」 。

STEP1：

可以看到提供了兩種形式，左邊的為一般表單，右方則是提供檔案上傳的功能，這邊鳥編就使用一般表單(Regular Form)。

STEP2：

接著設定表單名稱與感謝頁，感謝頁部分，如有提供，在使用者填完表單後，就會轉址到你提供的感謝頁面。如果沒有設定，就會回到Getform首頁。最下方的「Email each submission」則是設定當有人填寫表單時，是否要收到通知。

下圖為未設定感謝頁時所呈現的畫面

STEP3：

註冊帳號，不過很貼心的是不需要郵件驗證就可快速註冊完成。

STEP4：

完成帳號註冊後，就會出現一串<form>的編碼來，只要將這串編碼中的網址在你網頁中所設計的form區塊帶入就可以了。

不過這邊也有提醒，不要忘記在標籤中加入name 屬性，不然會無法抓取到對應的欄位，也可以參考網站所提供的文件。

STEP5：

Getform只是提供你服務，並非產生表單的服務，所以只會提供給你資料查看的功能。完成前面步驟後，可以看到剛剛所建立的表單資訊已經完成。

這邊鳥編就來測試看看，下圖為簡單製作的表單網頁 。

送出後也成功地轉到感謝頁

在後台也可以看到馬上多了一筆資料

可以查看回覆還有IP位置，並支援匯出EXCEL試算表格式。

不過要特別注意的是，免費帳戶有1,000筆的上限限定，不過如果只是短暫活動使用，其實是夠用的。

痞客邦Blog：http://lccnetvip.pixnet.net/blog
FB粉絲團：https://www.facebook.com/lccnetzone
菜鳥救星：https://www.facebook.com/greensn0w