在Dreamweaver中設計表單比較方便，下面通過一個示例的操作過程演示如何快速設計一個表單頁面。

【操作步驟】

第1步，打開本節模板頁面（orig.html），保存為index.php。在這個示例中，將設計一個完整的表單結構，最終預覽效果如下圖所示。

第2步，把光標置于插入表單的具體位置，這里為<div data-role="content">標簽中。然后選擇【插入】|【表單】|【表單】命令，在當前光標位置插入一個表單框。插入表單框之后，在設計視圖中會顯示紅色虛線框，如下圖所示。

第3步，把光標置于表單框內，選擇【插入】|【表單】子菜單中的任意一個表單項，如【文本】菜單選項，在表單框內的當前光標位置插入一個表單對象。提示：如果插入的文本框不位于表單框<form>標簽內，則Dreamweaver會彈出提示對話框提示是否增加表單標簽。

第4步，在頁面中插入一個文本表單對象之后，選中該表單項，在【屬性】面板中設置表單對象的屬性，如下圖所示，該面板顯示文本框的全部屬性，可以進行快速設置。

第5步，以同樣的方式，繼續插入其他表單對象，然后在【屬性】面板中設置屬性即可。