使用手冊取消

使用 Dreamweaver 開發表單

搜尋

上次更新時間 2021年4月29日

請依照此程序，了解如何在 Dreamweaver 中將表單元素插入頁面，以視覺化方式建立網站表單。

您可以在 Dreamweaver 中將表單元素插入頁面，以視覺化方式建立網站表單，但這只是工作的一部分。另一個較複雜的部分是，開發一個機制來處理您的瀏覽者使用表單送出的資料。例如，資料有時會儲存在客戶的資料庫中。通常，類似 PHP 或 Adobe ColdFusion 等網頁應用程式技術即可處理表單資料。

本文說明如何建立簡單的網頁表單。開發一個機制來處理送出的表單資料，則不在本文的涵蓋範圍內。如需建立表單及使用 PHP 建立機制來處理送出之資料的詳細指示，請參閱 Adobe 開發人員中心的這個教學課程系列。

建立網站表單

在 Dreamweaver 的設計檢視中開啟頁面，然後將插入點放在您希望表單出現的位置。
選擇「插入 > 表單 > 表單」。或是選取「插入」面板中的「表單」類別 (在面板的索引標籤底下的小三角形)，然後按一下「表單」圖示。Dreamweaver 會插入空白的表單。在「設計」檢視中，紅色的虛線外框表示表單。若您看不到這個外框，請選取「檢視 > 視覺輔助 > 隱藏元素」。
指定用來處理表單資料的頁面或指令碼。在「文件」視窗中，按一下表單外框以選取表單。在「屬性」檢視窗中 (「視窗 > 屬性」)，於「屬性」檢視窗的「動作」文字方塊中，輸入處理頁面的檔案名稱 (必要時也包含路徑)。或者按一下資料夾圖示，瀏覽至適當的頁面或指令碼。例如：process_order.php。
指定用來將表單資料傳輸到伺服器的方法。在「屬性」檢視窗中，從「方法」彈出式選單中選取下列其中一個選項：
- POST：在 HTTP 要求中內嵌表單資料。如需詳細資訊，請參閱 Dreamweaver 說明中的「HTML 表單參數」。
- GET：將值附加到要求頁面的 URL。如需詳細資訊，請參閱 Dreamweaver 說明中的「URL 參數」。
- 預設：使用瀏覽器的預設設定，將表單資料傳送到伺服器。預設值通常是 GET 方法。
插入表單物件。將插入點放在您希望表單物件出現在表單中的位置。然後在「插入 > 表單」選單中，或是插入列的「表單」類別中，選取該物件。將表單物件放在頁面上表單的紅色虛線外框內。如需有關表單物件的詳細資訊，請參閱 Dreamweaver 說明中的「表單物件」。
調整表單的版面。使用斷行符號、分段符號、預先格式化的文字或表格來格式化您的表單。您無法在另一個表單中插入表單，但是您可以在頁面中包含一個以上的表單。當您設計表單時，請記得將表單物件標示為描述性文字，讓用戶知道該怎麼回應。例如，標示「輸入您的姓名」來要求提供姓名資訊。使用表格可為表單物件和標籤提供結構。請確定所有 table 標籤都包含在 form 標籤之間。

更快、更輕鬆地獲得協助

新的使用者？

使用 Dreamweaver 開發表單

建立網站表單

更多類似項目

更快、更輕鬆地獲得協助

詢問社群

聯絡我們