在 Dreamweaver 的「設計」檢視中開啟頁面,然後將插入點放在您希望顯示表單的位置。
上次更新時間
2021年4月29日
您可以將表單元素插入頁面,以在 Dreamweaver 中建立網頁表單,但這只是製作表單的部分工作。其他更複雜的部分為,開發一項機制,來處理訪客透過表單提交的資料。例如,資料有時候會儲存在客戶資料庫中。一般而言,PHP 或 Adobe ColdFusion 等網頁應用程式技術會處理表單資料。
本文會說明如何建立簡單的網頁表單。開發機制來處理提交的表單資料不在本文範圍內。如需建立表單,以及使用 PHP 處理提交資料的機制的詳細指示,請參閱 Adobe 開發人員中心上的這個教學課程系列。
建立網頁表單
-
-
選擇「插入 > 表單 > 表單」。或者選取「插入」面板中的「表單」類別 (面板標籤下方的小三角形),並按一下「表單」圖示。Dreamweaver 會插入空白的表單。在「設計」檢視中,紅色虛線的外框表示表單。若您看不到這個外框,請選取「檢視 > 視覺輔助 > 隱藏元素」。
-
指定處理表單資料的頁面或指令碼。在「文件」視窗中,按一下表單外框以選取表單。在「屬性」檢視器 (「視窗 > 屬性」) 的「動作」文字方塊中,輸入處理頁面的檔案名稱 (必要時也請輸入路徑)。或者按一下資料夾圖示,導覽至合適的頁面或指令碼。例如: process_order.php。
-
插入表單物件。將插入點放到要在表單中顯示表單物件之處。接著在「插入 > 表單」選單中,或是「插入」列的「表單」類別中選取物件。將表單物件放到頁面上表單的紅色虛線外框內。如需表單物件的詳細資訊,請參閱 Dreamweaver 說明中的表單物件。
-
調整表單的版面。使用斷行符號、分段符號、預先格式化的文字或表單來格式化您的表單。您無法在另一個表單中插入表單,但是您可以在頁面中加入多個表單。設計表單時,請記得以描述性文字標籤表單物件,讓使用者瞭解要回答什麼。例如,「輸入您的姓名」以要求名字資訊。使用表格架構表單物件和標籤。確認表單標籤間包含所有表格標籤。