文、菜鳥編

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

 


網站名稱:Getform

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


 

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

 

STEP1

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

 

STEP2

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

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

 

STEP3

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

 

STEP4

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

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

 

STEP5

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

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

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

 

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

 

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

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

 

官方網站:http://www.lccnet.com.tw
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w

 

延伸閱讀

聯成電腦分享:素人變達人,就是比別人強的職場競爭力

聯成電腦菜鳥救星:用HTML5完成表單驗證

聯成電腦菜鳥救星:電腦組裝我也行

聯成電腦菜鳥救星:遠端遙控,解決電腦問題不用到處跑

聯成電腦菜鳥救星:將Dropbox與Google雲端硬碟變成免費網站空間

文章標籤
創作者介紹

聯成電腦--在成長的路上彼此相伴

lccnetvip 發表在 痞客邦 PIXNET 留言(0) 人氣()