2018年12月12日 星期三

DW_PHP_AJAX_CH3 表單的設計與規劃_(2)實作表單

在本單元中將以簡單的留言板發言表單為例說明表單的製作方式, 表單中將包含姓名、信箱、性別、興趣、血型、留言等6個欄位, 至於如何使用PHP接收與處理來自表單的資訊將會後續說明。

[在網頁中加入表單]

表單(Form)是一個包含元件, 可在其中再加入任何的表單元素, 因此, 製作表單的第一步就是設定表單範圍。請將游標移到想要安插表單的地方, 然後按下工具列上的表單工具按鈕, 接著編輯視窗中就會出現一個紅色的虛框, 此紅色虛框即表示在此範圍中所加入的任何表單元素皆屬於同一個表單。

!!!TIP

同一個網頁(.htm檔)中可存在多個輸入表單, 但只有同一表單的輸入資料才會一起傳送到網頁伺服器, 因此要同時傳送到網頁伺服器的資料, 其輸入欄位(表單元素)應該佈置於同一個表單內。

加入表單後, 其名稱預設為form1, 也就是表單的「id」屬性值為form1, 請透過屬性面板將表單的名稱改為 msgForm。

  • 表單的『動作(action)』屬性:用於指定傳送到網頁伺服器的資料要交由哪一個程式進行處理, 假設我們已在網頁伺服器中寫好了一個用來處理此表單資料的PHP程式, 名稱為msgAct.php, 則將此屬性設定為msgAct.php。
  • 表單的『方法(method)』屬性:設定表單傳送到網頁伺服器的方式, 其方式有 GET與POST兩種, 使用GET方式傳遞表單資料時, 當我們按下傳送按鈕後, 資料會立刻送出給伺服器, 執行效能較高, 但資料傳送量較小, 最多只能傳送2K左右的資料;使用POST方式傳遞表單資料時, 我們按下傳送按鈕後, 資料不會立刻送出給伺服器, 而是等待伺服器前來讀取, 所以執行效能較低, 但資料傳送量較大, 傳送的資料不受限制。

沒有留言:

張貼留言