《Dreamweaver 8案例教程》課件第12章

本章學(xué)習(xí)目標(biāo)表單簡介12.1創(chuàng)建表單對(duì)象12.212.1表單簡介表單的作用是從訪問用戶的Web站點(diǎn)的用戶那里獲得信息。訪問者可以使用諸如文本域、列表框、復(fù)選框以及單選按鈕之類的表單對(duì)象輸入信息，然后單擊某個(gè)按鈕提交這些信息。12.1.1表單對(duì)象在Dreamweaver8中，表單輸入類型稱為表單對(duì)象。表單對(duì)象是允許用戶輸入數(shù)據(jù)的機(jī)制。用戶可以在表單中添加以下表單對(duì)象：1、文本域接受任何類型的字母數(shù)字文本輸入內(nèi)容。文本可以單行或多行顯示，也可以以密碼域的方式顯示，在這種情況下，輸入文本將被替換為星號(hào)或項(xiàng)目符號(hào)，以避免旁觀者看到這些文本。2、隱藏域存儲(chǔ)用戶輸入的信息，如姓名、電子郵件地址或偏愛的查看方式，并在該用戶下次訪問此站點(diǎn)時(shí)使用這些數(shù)據(jù)。12.1.1表單對(duì)象3、按鈕在單擊時(shí)執(zhí)行操作。通常，這些操作包括提交或重置表單。用戶可以為按鈕添加自定義名稱或標(biāo)簽，或使用預(yù)定義的“提交”或“重置”標(biāo)簽之一。4、復(fù)選框允許在一組選項(xiàng)中選擇多個(gè)選項(xiàng)。用戶可以選擇任意多個(gè)適用的選項(xiàng)。下面的示例通過顯示三個(gè)選中的復(fù)選框項(xiàng)來說明這一點(diǎn)：沖浪、山地自行車和漂流。5、單選按鈕代表互相排斥的選擇。在某單選按鈕組（由兩個(gè)或多個(gè)共享同一名稱的按鈕組成）中選擇一個(gè)按鈕，就會(huì)取消選擇該組中的所有其它按鈕。在下面的示例中，漂流是當(dāng)前選擇的選項(xiàng)。如果用戶單擊了沖浪，那么漂流按鈕將被自動(dòng)清除。12.1.1表單對(duì)象6、“列表”菜單在一個(gè)滾動(dòng)列表中顯示選項(xiàng)值，用戶可以從該滾動(dòng)列表中選擇多個(gè)選項(xiàng)?！安藛巍边x項(xiàng)在一個(gè)菜單中顯示選項(xiàng)值，用戶只能從中選擇單個(gè)選項(xiàng)。7、跳轉(zhuǎn)菜單是可導(dǎo)航的列表或彈出菜單，它使用戶可以插入一種菜單，這種菜單中的每個(gè)選項(xiàng)都鏈接到某個(gè)文檔或文件。8、文件域使用戶可以瀏覽到其計(jì)算機(jī)上的某個(gè)文件并將該文件作為表單數(shù)據(jù)上傳。9、圖像域使用戶可以在表單中插入一個(gè)圖像。圖像域可用于生成圖形化按鈕，例如“提交”或“重置”按鈕。12.1.2創(chuàng)建表單域在添加表單對(duì)象，首先要?jiǎng)?chuàng)建表單域，用戶可以把表單域看作是一個(gè)盛放表單對(duì)象的容器，表單對(duì)象也只有放入表單才能應(yīng)用。單擊表單工具欄上的按鈕即可創(chuàng)建一個(gè)表單，另外如果在表單域外創(chuàng)建表單對(duì)象，DreamWeaver8會(huì)提醒用戶創(chuàng)建表單域。12.1.2創(chuàng)建表單域表單域?qū)傩悦姘迦鐖D所示，相關(guān)設(shè)置意義如下：1、表單名稱：用于設(shè)置表單的名稱，可以在下面的編輯框中輸入，供程序調(diào)用時(shí)使用。2、動(dòng)作：用于設(shè)置處理表單數(shù)據(jù)的文件，實(shí)際上是一個(gè)處理表單信息的應(yīng)用程序，指定為ＵＲＬ，也可單擊旁邊的文件夾圖標(biāo)來選擇程序文件。3、目標(biāo)：用于設(shè)置打開新文件的方式。4、方法：用于設(shè)置處理表單數(shù)據(jù)的類型，具體如下。POST方法將在HTTP請(qǐng)求中嵌入表單數(shù)據(jù)。GET方法將值附加到請(qǐng)求該頁面的URL中。返回12.2創(chuàng)建表單對(duì)象創(chuàng)建完表單域之后需要添加表單對(duì)象才能發(fā)揮表單的強(qiáng)大功能，具體創(chuàng)建方法和屬性設(shè)置如下：12.2.1創(chuàng)建文本域在表單工具欄上有兩個(gè)按鈕可以創(chuàng)建文本域，單擊按鈕創(chuàng)建一個(gè)文本字段，單擊按鈕創(chuàng)建一個(gè)文本區(qū)域。12.2.2創(chuàng)建文件域單擊表單工具欄上的按鈕可以創(chuàng)建一個(gè)文件域。文件域使用戶可以選擇其計(jì)算機(jī)上的文件，如字處理文檔或圖形文件，并將該文件上傳到服務(wù)器。12.2.3創(chuàng)建隱藏域單擊表單工具欄上的按鈕可以創(chuàng)建一個(gè)隱藏域。用戶可以使用隱藏域存儲(chǔ)并提交非用戶輸入信息。該信息對(duì)用戶而言是隱藏的。12.2.4創(chuàng)建復(fù)選框單擊表單工具欄上的按鈕可以創(chuàng)建一個(gè)復(fù)選框。復(fù)選框供用戶在提供多個(gè)選項(xiàng)中選擇器中的一項(xiàng)或多項(xiàng)。12.2.5創(chuàng)建單選按鈕單擊表單工具欄上的按鈕可以創(chuàng)建單選按鈕。單選按鈕是提供給用戶在眾多的選項(xiàng)中選擇其中的一項(xiàng)，如果只提供了一項(xiàng)選項(xiàng)，用戶可以選擇或不選擇。12.2.6創(chuàng)建列表和菜單單擊表單工具欄上的按鈕可以創(chuàng)建一個(gè)列表或菜單。12.2案例1：意見反饋12.2案例2：調(diào)查問卷本章小結(jié)本章重點(diǎn)介紹了表單域和各種表單對(duì)象的功能、特點(diǎn)與使用方法。學(xué)會(huì)在Dreamweaver8中應(yīng)用表單設(shè)計(jì)網(wǎng)頁，還需要涉及到對(duì)動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)。表單從Internet收集的用戶信息提交給服務(wù)器進(jìn)行處理時(shí)，通常是通過GG