您可以將表單元素插入頁面,以在 Dreamweaver 中建立網頁表單,但這只是製作表單的部分工作。其他更複雜的部分為,開發一項機制,來處理訪客透過表單提交的資料。例如,資料有時候會儲存在客戶資料庫中。一般而言,PHP 或 Adobe ColdFusion 等網頁應用程式技術會處理表單資料。

本文會說明如何建立簡單的網頁表單。開發機制來處理提交的表單資料不在本文範圍內。如需建立表單,以及使用 PHP 處理提交資料的機制的詳細指示,請參閱 Adobe 開發人員中心上的這個教學課程系列

建立網頁表單

  1. 在 Dreamweaver 的「設計」檢視中開啟頁面,然後將插入點放在您希望顯示表單的位置。
  2. 選擇「插入 > 表單 > 表單」。或者選取「插入」面板中的「表單」類別 (面板標籤下方的小三角形),並按一下「表單」圖示。Dreamweaver 會插入空白的表單。在「設計」檢視中,紅色虛線的外框表示表單。若您看不到這個外框,請選取「檢視 > 視覺輔助 > 隱藏元素」。
  3. 指定處理表單資料的頁面或指令碼。在「文件」視窗中,按一下表單外框以選取表單。在「屬性」檢視器 (「視窗 > 屬性」) 的「動作」文字方塊中,輸入處理頁面的檔案名稱 (必要時也請輸入路徑)。或者按一下資料夾圖示,導覽至合適的頁面或指令碼。例如: process_order.php。
  4. 指定用以傳輸表單資料至伺服器的方法。在「屬性」檢視器中,選取下列「方法」快顯功能表中的任一選項:
    • POST 會在 HTTP 要求中內嵌表單資料。如需詳細資訊,請參閱 Dreamweaver 說明中的 HTML 表單參數
    • GET 會將值附加到要求頁面的 URL。如需詳細資訊,請參閱 Dreamweaver 說明中的 URL 參數
    • Default 會使用瀏覽器的預設設定,將表單資料傳送到伺服器。預設通常為 GET 方法。
  5. 插入表單物件。將插入點放到要在表單中顯示表單物件之處。接著在「插入 > 表單」選單中,或是「插入」列的「表單」類別中選取物件。將表單物件放到頁面上表單的紅色虛線外框內。如需表單物件的詳細資訊,請參閱 Dreamweaver 說明中的表單物件

  6. 調整表單的版面。使用斷行符號、分段符號、預先格式化的文字或表單來格式化您的表單。您無法在另一個表單中插入表單,但是您可以在頁面中加入多個表單。設計表單時,請記得以描述性文字標籤表單物件,讓使用者瞭解要回答什麼。例如,「輸入您的姓名」以要求名字資訊。使用表格架構表單物件和標籤。確認表單標籤間包含所有表格標籤。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策