Lab 32 Hand code a form

1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114

Use Form CGI that includes action, input, and submit.
Try a few different coordinates.

==============================
1.
CGI(Common Gateway Interface)

CGI是使用者與網站溝通的重要方式，管理者可以撰寫CGI程式讓使用者可以與伺服器產生互動。
用form(表單)，使用者submit之後便與伺服器溝通。
form有兩種方法是GET與POST (都是HTTP的request方法，CGI依附在HTTP)，
瀏覽器會判別方法然後向server提出請求

GET: 瀏覽器將各參數指派到action(cgi的位置)後面，變成一段完整的網址，直接請求GET此網址，等伺服器回應。
POST: 資訊不會被放在URL，直接傳封包用網頁內文與cgi聯絡

W3C也提到，當不改變資料內容的時候最好用GET(ex.搜尋)，因為資料庫搜尋以GET來說不會有明顯的副作用
當需要改變資料庫時則使用POST(ex.修改會員資料)

references:
http://goo.gl/uy1eF 飛俠阿達的小木屋
http://goo.gl/LjT4D CGI (Wikipedia)
http://goo.gl/GdQmP 淺談 HTTP Method：表單中的 GET 與 POST 有什麼差別？
http://goo.gl/cfMbU 17.13.1 Form submission method (W3C)

2.
運用Form CGI地圖搜尋，
重寫HTML順便熟悉KompoZer、試試其他可用變數。
給CGI的URL不一定要經緯度，打中文也可以
也弄成blogger小工具放在網誌左邊了

介面:

結果:

KompoZer設定:

code:


PS.
1.原本在想google搜尋(firefox專頁)為何form裡沒有method屬性，後來查了因為method預設就是GET
2.從firefox另存下來的網頁，action是相對路徑，所以不能離線使用，需要補上完整路徑；
而Chrome存下來的檔案已經是絕對路徑，不用改也可以連到該cgi。