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

【操作步驟】

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

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

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

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

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