2013年9月3日 星期二

美化 Google Docs 表單2

由於用Google文件產生的form有點陽春
很想改成自己想要的樣子,所以找了一下,發現這個方法
美化 Google Docs 表單

先到這個網頁: Google Docs Form Tool
在 URL to live form 填入form的網址,例如:
http://spreadsheets.google.com/embeddedform?formkey=dE9ZVUx1OGJiS1RnUjMzY3ludU9pZEE6MQ
然後在 Redirect to 填入form填好按確定後,要導向哪個網址
就隨便做一個寫著"報名成功"的網頁,例如 http://knuckles.twbbs.org/temp/thank.htm

按下Submit後就會產生一個html檔,複製下來後
就可以用Dreamweaver之類的網頁編輯器改成自己想要的樣子了

可以將原本裡面的css設定全砍掉,改成自己的css設定
改好後再自己找個空間上傳,結果像這樣: http://knuckles.twbbs.org/temp/test_register.htm
用這個送出的資料一樣會記錄在Google文件的Excel檔裡面

也可以利用iframe嵌入:

測試報名系統

利用Google文件來做一個報名系統

ID: DISP的帳號

姓名: *

備註

沒有留言:

張貼留言