眾所周知，一個(gè)好的網(wǎng)站需要具有良好的交互性和易操作性。其實(shí)一個(gè)界面親切簡單的電子郵件提交表單就是小型企業(yè)網(wǎng)站和個(gè)人網(wǎng)站收集訪問者反饋信息的一種不錯(cuò)選擇。它不需要很多的腳本語言知識(shí)，只是借助Dreamweaver本身Form的一些屬性 ，就能達(dá)到客戶填寫表單后發(fā)送郵件的效果。很不錯(cuò)的哦！

　　接下來，就開始制作這個(gè)電子郵件表單：

　　第一步:插入表單，用“Insert”→“Form”命令或選擇對象面板Objects上的“Forms”中的黃色，此時(shí)將彈出一個(gè)紅色虛框，這就是Form表單的外圍線，下面講到的表單元素必須位于紅色的虛線框里才起作用，再插入一個(gè)表格，至于表格的大小可自行控制。表格的應(yīng)用是為了更方便控制頁面的版式和效果。

　　第二步:將文字輸入表格中，到此，前期的構(gòu)架就大致搭好了！接下來就要開始制作提交內(nèi)容需要使用的界面了。

　　第三步:插入表單元素，在“您的姓名”邊上的單元格中插入一個(gè)文本框，用“Insert”→“Form Object”→“Text Field”命令或在面板上選擇圖標(biāo)。同樣在下面的“郵件地址”、“主頁地址”邊上和“您的建議”下面的單元格中也分別插入一個(gè)文本框。選中一個(gè)文本框。
參數(shù)的具體含義如下所示:

“TextField”:文本框的名字，對于本例，可分別取名如“姓名”、“郵件地址”、“主頁地址”和“您的建議”；
“Char Width”:文本框顯示在網(wǎng)頁上的長度；
“Max Chars”:最多能輸入的字符長度；
“Type”:共有三類，“Single line”表示單行文本，“Multi line”表示多行文本，“Password”表示密碼框；
“Init Val”:文本框中的初始值。

　　當(dāng)你選中“Type”中的“Multi line”類型時(shí)，屬性面板又有所變化了。與前面的面板相對比，“Char Width”被“Num Lines”代替，表示文本的行數(shù)。“Wrap”是多行文本的外觀參數(shù)，四個(gè)選項(xiàng)，你可以分別試試。現(xiàn)在文本框都已做好，下面要做“發(fā)送”和“清除”按鈕了。

　　第四步:在第七行的單元格里再插入一個(gè)邊框Border=0的1行×2列的表格（用表格可以很方便地控制元素的位置），然后在單元格中插入按鈕，使用“Insert”――“Form Object”――“Button”命令或選擇藍(lán)色圖標(biāo)，選中按鈕，看看屬性面板的變化吧。其中“Button Name”為按鈕的名稱；“Lable”為按鈕上顯示的內(nèi)容，如例子中的“發(fā)送”和“清除”；“Action”按鈕的類型有三種:“Submit form”提交按鈕和“Reset form”重置按鈕、“None”普通按鈕。在本例中用到了前兩種即提交（發(fā)送）和重置（清除）按鈕。

　　第五步:這是最關(guān)鍵的一步，單擊表單周圍的紅色虛框。圖中“Form Name”表示表單的名稱；“Action”表示表單提交后將由哪個(gè)程序來處理，這兒填入你的E-mail地址，格式如：mailto：你的E-mail地址;“Method”表示提交方法，有“Post”和“Get”兩種，默認(rèn)為Post。

　　現(xiàn)在，你已經(jīng)做好了一個(gè)簡單的電子郵件表單，當(dāng)然在這個(gè)例子里只用了表單的一部分元素，其它的表單元素還有復(fù)選框和單選框，這兩個(gè)在表單中也是經(jīng)常用到的元素，有關(guān)的屬性可在屬性面板上看到，在一組中復(fù)選框能同時(shí)選取多個(gè)，而單選框一組只能選中一個(gè)，將多個(gè)復(fù)選框（或單選框）定義為一組的方法是:將這幾個(gè)復(fù)選框（或單選框）取相同名字。