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

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

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

建立網站表單

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

  6. 調整表單的版面。使用斷行符號、分段符號、預先格式化的文字或表格來格式化您的表單。您無法在另一個表單中插入表單,但是您可以在頁面中包含一個以上的表單。當您設計表單時,請記得將表單物件標示為描述性文字,讓用戶知道該怎麼回應。例如,標示「輸入您的姓名」來要求提供姓名資訊。使用表格可為表單物件和標籤提供結構。請確定所有 table 標籤都包含在 form 標籤之間。

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

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