第13章網(wǎng)頁表單的應(yīng)用網(wǎng)頁設(shè)計(jì)與制作（第2版）2023/1/3第13章網(wǎng)頁表單的應(yīng)用1第13章網(wǎng)頁表單的應(yīng)用13.1網(wǎng)頁中的表單知識13.2插入文本域13.3插入單選按鈕和單選按鈕組13.4插入復(fù)選框和復(fù)選框組13.5插入列表和菜單13.6插入按鈕和文件域13.7驗(yàn)證表單內(nèi)容13.8本章綜合案例2023/1/3第13章網(wǎng)頁表單的應(yīng)用213.1網(wǎng)頁中的表單知識表單也是一種標(biāo)簽，而且是一種特殊的網(wǎng)頁容器標(biāo)簽。在表單中，用戶可插入各種普通的網(wǎng)頁標(biāo)簽，也可以插入各種表單交互組件，從而獲取用戶輸入的文本，或選擇的某些特殊項(xiàng)目等信息。2023/1/3第13章網(wǎng)頁表單的應(yīng)用313.1網(wǎng)頁中的表單知識表單是以網(wǎng)頁為載體，隨著網(wǎng)站的發(fā)布而發(fā)布到網(wǎng)上，由后臺處理系統(tǒng)回收并統(tǒng)計(jì)搜集信息的結(jié)果。例如用戶注冊、網(wǎng)友基本收入調(diào)查等。通過表單可以將用戶反饋的信息發(fā)送到后臺程序處進(jìn)行處理，HTML提供的表單起到信息載體的作用。2023/1/3第13章網(wǎng)頁表單的應(yīng)用413.1網(wǎng)頁中的表單知識表單工作原理表單支持客戶端/服務(wù)器關(guān)系中的客戶端。當(dāng)用戶在Web瀏覽器（客戶端）中顯示的表單中輸入信息，然后單擊“提交”按鈕時(shí)，這些信息將被發(fā)送到服務(wù)器，服務(wù)器中的服務(wù)器端腳本或應(yīng)用程序會對這些信息進(jìn)行處理。服務(wù)器向用戶（或客戶端）返回所請求的信息或基于該表單內(nèi)容執(zhí)行某些操作，以此進(jìn)行響應(yīng)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用513.1網(wǎng)頁中的表單知識表單工作原理2023/1/3第13章網(wǎng)頁表單的應(yīng)用613.1網(wǎng)頁中的表單知識選擇菜單“插入”→“表單”命令，或在“插入”面板中選擇“表單”按鈕。為網(wǎng)頁添加一個(gè)表單。在“設(shè)計(jì)”視圖中，可以看到表單以紅色虛線為標(biāo)記。如果看不到紅色虛線框，可選擇“查看”→“可視化助理”→“不可見元素”命令。2023/1/3第13章網(wǎng)頁表單的應(yīng)用713.1網(wǎng)頁中的表單知識2023/1/3第13章網(wǎng)頁表單的應(yīng)用813.1網(wǎng)頁中的表單知識在“表單ID”文本框中輸入一個(gè)唯一的名稱來標(biāo)識表單，如form1，同一個(gè)網(wǎng)頁中的表單應(yīng)當(dāng)具有不同的表單名稱，以便服務(wù)器在處理數(shù)據(jù)時(shí)能夠準(zhǔn)確識別表單。2023/1/3第13章網(wǎng)頁表單的應(yīng)用913.1網(wǎng)頁中的表單知識在“動作”文本框中指定將要處理表單信息的腳本或者應(yīng)用程序所在的URL路徑?？梢灾苯虞斎險(xiǎn)RL，也可以點(diǎn)擊文本框旁邊的“文件夾”圖標(biāo)來獲得。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1013.1網(wǎng)頁中的表單知識在“目標(biāo)”下拉菜單中選擇返回?cái)?shù)據(jù)的窗口的打開方式。包括以下選項(xiàng)：值_blank：表示在未命名的新窗口中打開鏈接文檔。值new：表示在一個(gè)新窗口中打開鏈接文檔。值_parent：表示在包含這個(gè)鏈接的父窗口中打開鏈接文檔。值_self：表示在包含這個(gè)鏈接的框架窗口中打開鏈接文檔。值_top：表示在整個(gè)瀏覽器窗口中打開鏈接文檔。。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1113.1網(wǎng)頁中的表單知識在“方法”下拉菜單中選擇要處理表單數(shù)據(jù)的方式，即將表單數(shù)據(jù)發(fā)送到服務(wù)器的方法。包括以下三個(gè)選項(xiàng)：默認(rèn)：使用瀏覽器的默認(rèn)設(shè)置將表單數(shù)據(jù)發(fā)送到服務(wù)器。通常，默認(rèn)設(shè)置為GET.POST：將表單值封裝在消息主體中發(fā)送。GET：將提交的表單值追加在URL后面發(fā)送給服務(wù)器。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1213.1網(wǎng)頁中的表單知識在“編碼類型”下拉菜單中選擇表單數(shù)據(jù)在被發(fā)送到服務(wù)器之前應(yīng)該如何加密編碼。Application/x-www-form-urlencoded：普通URL方式處理表單內(nèi)容。Multipart/form-data：處理文件上傳域時(shí)采用的編碼方式。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1313.1網(wǎng)頁中的表單知識類：定義表單及其中各種表單對象的樣式。如果用戶設(shè)置表單的方式為“默認(rèn)”或“get”，則該編碼類型的設(shè)置是無效的。如果設(shè)置表單的方法是“post”，則可以通過編碼類型確定數(shù)據(jù)是上傳到服務(wù)器數(shù)據(jù)庫中，還是同時(shí)存儲到服務(wù)器的磁盤中。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1413.2插入文本域文本域是最基本的表單對象，在文本域中，網(wǎng)頁程序可以獲得用戶輸入的各種文本信息，同時(shí)將這些信息傳送給服務(wù)器。文本域可分為文本字段和文本區(qū)域。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1513.2插入文本域文本字段是單行的文本域表單對象，也就是說這些文本信息不會發(fā)生換行。通常用于填寫用戶名、電話號碼、電子郵件、密碼等較短的信息。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1613.2插入文本域文本字段單擊鼠標(biāo)左鍵，將光標(biāo)定位在表單虛線框線內(nèi)，點(diǎn)擊“插入”菜單，選擇“表單”項(xiàng)，在彈出的子菜單中選擇“文本域”命令?；蛘咴凇安迦搿泵姘逯羞x擇“表單”項(xiàng)，單擊“文本字段”圖標(biāo)，則打開“輸入標(biāo)簽輔助功能屬性”對話框。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1713.2插入文本域文本字段在“輸入標(biāo)簽輔助功能屬性”對話框中，可為文本字段的表單對象添加標(biāo)簽文本，同時(shí)可設(shè)置標(biāo)簽文本的位置。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1813.2插入文本域文本字段在“輸入標(biāo)簽輔助功能屬性”對話框中，可為文本字段的表單對象添加標(biāo)簽文本，同時(shí)可設(shè)置標(biāo)簽文本的位置。2023/1/3第13章網(wǎng)頁表單的應(yīng)用1913.2插入文本域文本字段在“輸入標(biāo)簽輔助功能屬性”對話框中，各項(xiàng)的解釋及應(yīng)用方法如下：ID：用于提供腳本的引用。指定了<input>元素的名稱和ID號。名稱和ID號是一致的。如輸入“textfield”，在“代碼”視圖中可以查看源代碼：<inputtype="text"name="textfield"id="textfield"/>標(biāo)簽：文本字段的提示文本。即表單控件的提示信息。如輸入“用戶名”，在“代碼”視圖中在“輸入標(biāo)簽輔助功能屬性”對話框中，可為文本字段的表單對象添加標(biāo)簽文本，同時(shí)可設(shè)置標(biāo)簽文本的位置。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2013.2插入文本域文本字段在“輸入標(biāo)簽輔助功能屬性”對話框中，各項(xiàng)的解釋及應(yīng)用方法如下：位置：說明“標(biāo)簽”內(nèi)容所處的位置。分為兩種情況：第一種情況：選擇“在表單項(xiàng)前”選項(xiàng)。上面的提示信息都是在表單項(xiàng)前。第二種情況：選擇“在表單項(xiàng)后”選項(xiàng)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2113.2插入文本域文本字段在“輸入標(biāo)簽輔助功能屬性”對話框中，各項(xiàng)的解釋及應(yīng)用方法如下：訪問鍵：訪問該文本字段的快捷鍵。Tab鍵索引：在當(dāng)前網(wǎng)頁中的Tab鍵訪問順序。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2213.2插入文本域文本字段設(shè)置或修改單行文本域的屬性：在完成文本字段的創(chuàng)建后，還可對在其“屬性”面板中進(jìn)一步設(shè)置文本字段的一些參數(shù)。方法是用鼠標(biāo)單擊插入的單行文本域或密碼域表單控件。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2313.2插入文本域創(chuàng)建文本區(qū)域如果要獲得用戶輸入更多的文本信息，就可以使用文本區(qū)域?qū)ο?，如“留言”、“意見”等。文本區(qū)域是文本域的一種形式，它可以顯示多行文本，同時(shí)還提供滾動條組件，使用用戶可以拖動查看輸入的所有內(nèi)容。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2413.2插入文本域創(chuàng)建文本區(qū)域方法一：先為表單插入一個(gè)文本字段的對象，類似于圖所示。然后在“屬性”面板中設(shè)置“類型”為“多行”。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2513.2插入文本域創(chuàng)建文本區(qū)域方法二：單擊浮動面板“插入”中的“文本區(qū)域”（不是“文本字段”）按鈕，在彈出的“輸入標(biāo)簽輔助功能”對話框中進(jìn)行各種屬性的設(shè)置。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2613.3插入單選按鈕和單選按鈕組單選按鈕一般表示互相排斥的選擇如果在某單選按鈕組中選中了一個(gè)按鈕，那么此時(shí)就會取消選擇該組中的所有其他按鈕，也就是說，單選按鈕一次只能在多項(xiàng)中選擇一項(xiàng)。單選按鈕通常是成組使用的，而且在同一個(gè)組中，所有的單選按鈕都必須要有相同的名稱。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2713.3插入單選按鈕和單選按鈕組插入單個(gè)單選按鈕單擊鼠標(biāo)左鍵，將光標(biāo)定位在表單框線內(nèi)，選擇菜單“插入”→“表單”→“單選按鈕”命令?；蛘咴凇安迦搿泵姘逯羞x擇“表單”項(xiàng)，單擊“單選按鈕”圖標(biāo)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2813.3插入單選按鈕和單選按鈕組插入單個(gè)單選按鈕單擊“確定”按鈕后，單選按鈕出現(xiàn)在文檔中。2023/1/3第13章網(wǎng)頁表單的應(yīng)用2913.3插入單選按鈕和單選按鈕組單選按鈕屬性設(shè)置在文檔中單擊“單選按鈕”表單控件，則出現(xiàn)其對應(yīng)“屬性”面板。選定值：用來設(shè)置在在該單選按鈕被選中時(shí)發(fā)送給服務(wù)器的值。提交表單時(shí)，該單選按鈕的值可以被上傳到服務(wù)器，提供給應(yīng)用程序進(jìn)行處理。例如，在性別的“選定值”文本框中選擇男，這時(shí)就表示用戶選擇的性別是男。初始狀態(tài)：用來表示在瀏覽器中加載表單時(shí)，該單選按鈕是否處于選中狀態(tài)。如果插入的單選按鈕比較多，那么這時(shí)也可以用菜單命令“插入”→“表單”→“單選按鈕組”，此時(shí)就可以在彈出的“單選按鈕組”對話框中對單選按鈕進(jìn)行設(shè)置。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3013.3插入單選按鈕和單選按鈕組插入單選按鈕組當(dāng)在一組選擇信息中只能選擇一個(gè)選項(xiàng)時(shí)，請使用“單選按鈕組”。一組中的所有單選按鈕都必須有同樣的名稱，但域值不同。單擊鼠標(biāo)左鍵，將光標(biāo)定位在表單框線內(nèi)，選擇“插入”→“表單”→“單選按鈕組”命令?；蛘咴凇安迦搿泵姘逯羞x擇“表單”項(xiàng)，單擊“單選按鈕組”圖標(biāo)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3113.4插入復(fù)選框和復(fù)選框組復(fù)選框又稱選擇框它和單選按鈕不同，單選按鈕只能在多數(shù)的選項(xiàng)中選擇其中的一項(xiàng)，但是復(fù)選框卻可以在一組選項(xiàng)中選擇多個(gè)選項(xiàng)，而且每個(gè)復(fù)選框之間都是相互獨(dú)立的，因此每一個(gè)復(fù)選框都必須要有一個(gè)唯一的名稱。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3213.4插入復(fù)選框和復(fù)選框組復(fù)選框的狀態(tài)如果打開復(fù)選框，那么復(fù)選框中就會出現(xiàn)一個(gè)“√”，這就表示用戶選擇了這個(gè)復(fù)選框；如果在單擊一下復(fù)選框，此時(shí)那個(gè)對號就會消失，這就代表關(guān)閉了復(fù)選框，此時(shí)復(fù)選框中就沒有任何標(biāo)志了。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3313.4插入復(fù)選框和復(fù)選框組插入單個(gè)復(fù)選框單擊鼠標(biāo)左鍵，將光標(biāo)定位在表單框線內(nèi)，執(zhí)行“插入”→“表單”→“復(fù)選框”命令。或者在“插入”面板中選擇“表單”項(xiàng)，單擊“復(fù)選框”圖標(biāo)，則出現(xiàn)“輸入標(biāo)簽輔助功能屬性”對話框，在其中“標(biāo)簽”文本框內(nèi)輸入“復(fù)選框”幾個(gè)字。在“輸入標(biāo)簽輔助功能屬性”對話框中單擊“確定”按鈕。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3413.4插入復(fù)選框和復(fù)選框組“屬性”面板中相關(guān)屬性設(shè)置選定值：用來設(shè)置在該復(fù)選框被選中時(shí)發(fā)送給服務(wù)器的值。例如，此時(shí)可以將4設(shè)置為表示非常同意，而且也可以將值1設(shè)置為表示強(qiáng)烈反對。初始狀態(tài)：用來確定在瀏覽器中加載表單時(shí)，這個(gè)復(fù)選框是否處于選中狀態(tài)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3513.4插入復(fù)選框和復(fù)選框組插入復(fù)選框組單擊鼠標(biāo)左鍵，將光標(biāo)定位在表單框線內(nèi)，選擇“插入”菜單，選擇“表單”項(xiàng)，在彈出的子菜單中選擇“復(fù)選框組”命令?；蛘咴凇安迦搿泵姘逯羞x擇“表單”項(xiàng)，單擊“復(fù)選框組”圖標(biāo)，彈出如圖所示的“復(fù)選框組”對話框。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3613.5插入列表和菜單列表/菜單，用來在一個(gè)滾動列表中顯示選項(xiàng)值，用戶此時(shí)就可以從該滾動列表中選擇多個(gè)選項(xiàng)?！傲斜怼边x項(xiàng)通常在一個(gè)菜單中顯示選項(xiàng)值，而且用戶只能從中選擇單個(gè)選項(xiàng)。但是可以在以下情況下使用菜單：在頁面只有有限的空間但是還必須要顯示多個(gè)內(nèi)容項(xiàng)時(shí)，或者想要控制返回給服務(wù)器的值時(shí)都可以使用菜單。其實(shí)菜單和文本域不相同，在文本域中用戶可以隨心所欲輸入自己的任何信息，甚至可以輸入無效的數(shù)據(jù)。但是對于菜單而言，用戶就只能具體設(shè)置某個(gè)菜單返回的確切值。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3713.5插入列表和菜單菜單表單單擊鼠標(biāo)右鍵，將光標(biāo)放在表單框線內(nèi)，單擊“插入”→“表單”→“選擇（列表/菜單）”命令。或者在“插入”面板中選擇“表單”項(xiàng)，選擇“選擇（列表/菜單）”命令。則出現(xiàn)“輸入標(biāo)簽輔助功能屬性”對話框。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3813.5插入列表和菜單列表表單列表表單的功能與菜單表單類似，其區(qū)別主要在于，列表表單可以設(shè)置默認(rèn)顯示的內(nèi)容數(shù)量，而無需用戶單擊彈出。如果列表菜單的項(xiàng)目數(shù)量超出列表的高度，則可以滾動條進(jìn)行調(diào)節(jié)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用3913.5插入列表和菜單列表表單在圖所示的頁面“設(shè)計(jì)”視圖中選中菜單表單對象。在“屬性”面板設(shè)置“類型”為“列表”，將菜單轉(zhuǎn)換為列表。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4013.5插入列表和菜單跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單是一種非常特殊的表單對象，跳轉(zhuǎn)菜單列表中每一個(gè)選項(xiàng)都是一個(gè)超級鏈接，跳轉(zhuǎn)菜單對站點(diǎn)瀏覽者都可見，并且可以列出鏈接到文檔或者文件的選項(xiàng)。跳轉(zhuǎn)菜單不僅可以創(chuàng)建到整個(gè)Web站點(diǎn)內(nèi)文檔的鏈接到其他Web站點(diǎn)上文檔的鏈接、電子郵件鏈接、圖形的鏈接，而且也可以創(chuàng)建到可在瀏覽器中打開的任何文件類型的鏈接。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4113.5插入列表和菜單跳轉(zhuǎn)菜單先在網(wǎng)頁中插入一表單域，方法如前所講。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4213.5插入列表和菜單跳轉(zhuǎn)菜單先在網(wǎng)頁中插入一表單域，方法如前所講。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4313.5插入列表和菜單跳轉(zhuǎn)菜單選擇表單域。單擊菜單中的“插入”→“表單對象”→“跳轉(zhuǎn)菜單”命令，或單擊“插入”面板單擊“表單”中的“跳轉(zhuǎn)菜單”圖標(biāo)，都可以調(diào)出“插入跳轉(zhuǎn)菜單”設(shè)置窗口來創(chuàng)建跳轉(zhuǎn)菜單。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4413.5插入列表和菜單跳轉(zhuǎn)菜單在文本欄里輸入想要訪問的網(wǎng)站，并且輸入網(wǎng)站的名稱，然后繼續(xù)輸入選擇轉(zhuǎn)到相應(yīng)的網(wǎng)站的IP地址，同時(shí)可以修改輸入菜單的名稱，菜單項(xiàng)的一欄中就會又多了一個(gè)選項(xiàng)，而這個(gè)選項(xiàng)就應(yīng)該對應(yīng)一個(gè)網(wǎng)的鏈接地址。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4513.5插入列表和菜單跳轉(zhuǎn)菜單在設(shè)置窗口的“菜單之后插入前往按鈕”一項(xiàng)首先不要進(jìn)行選擇。而是應(yīng)該先選中“更改URL后選擇第一個(gè)項(xiàng)目”一項(xiàng)，這樣做的目的就是當(dāng)使用跳轉(zhuǎn)菜單到某個(gè)頁面后，如果返回到跳轉(zhuǎn)菜單頁面，那么此時(shí)頁面中的跳轉(zhuǎn)菜單默認(rèn)顯示的就任然會是第1項(xiàng)內(nèi)容。單擊“確定”按鈕，此時(shí)將跳轉(zhuǎn)菜單插入頁面中。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4613.5插入列表和菜單跳轉(zhuǎn)菜單其實(shí)跳轉(zhuǎn)菜單在本質(zhì)上也是一個(gè)表單，因此是先插入了表單（紅色虛線區(qū)域），然后在表單中再次插入了下拉菜單?？梢栽凇皩傩浴泵姘逯羞x擇跳轉(zhuǎn)菜單，這樣就可以設(shè)置菜單的名稱、類型等。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4713.5插入列表和菜單跳轉(zhuǎn)菜單如果選中跳轉(zhuǎn)菜單，則行為窗口中也出現(xiàn)行為，鼠標(biāo)雙擊該行為，此時(shí)就會進(jìn)入設(shè)置窗口，這樣就可以在設(shè)置窗口中重新對其進(jìn)行設(shè)置。單擊“屬性”面板中的“列表值”按鈕，就會彈出“列表值”對話框。不僅可以更改列表順序或者所鏈接到的文件，也可以添加、刪除或重命名項(xiàng)；還可以更改鏈接文件的打開位置，或者添加和更改菜單選擇提示，都可以方便實(shí)現(xiàn)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4813.5插入列表和菜單跳轉(zhuǎn)菜單如果想要修改選項(xiàng)，那么可以選中頁面上的下拉菜單，此時(shí)鼠標(biāo)單擊屬性面板中的“列表值”，就可以對各項(xiàng)內(nèi)容進(jìn)行修改了。保存網(wǎng)頁文檔。按F12功能鍵進(jìn)入網(wǎng)頁瀏覽網(wǎng)頁，在跳轉(zhuǎn)菜單選擇一個(gè)網(wǎng)站。2023/1/3第13章網(wǎng)頁表單的應(yīng)用4913.5插入列表和菜單跳轉(zhuǎn)菜單其實(shí)跳轉(zhuǎn)菜單在本質(zhì)上也是一個(gè)表單，因此是先插入了表單（紅色虛線區(qū)域），然后在表單中再次插入了下拉菜單?？梢栽凇皩傩浴泵姘逯羞x擇跳轉(zhuǎn)菜單，這樣就可以設(shè)置菜單的名稱、類型等。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5013.6插入按鈕和文件域命令按鈕命令按鈕的事件中不僅可以使用鼠標(biāo)操作產(chǎn)生以外，而且也可以通過方法程序觸發(fā)相應(yīng)的事件。如果想要對某一事件產(chǎn)生相應(yīng)的動作，那還應(yīng)該在相應(yīng)事件的方法程序中編寫事件的代碼，這用來指定在產(chǎn)生事件時(shí)執(zhí)行相應(yīng)的操作。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5113.6插入按鈕和文件域按鈕表單通常按鈕是網(wǎng)頁中最常見的表單對象，一般用按鈕來控制表單動作，而且表單按鈕可以將輸入表單的數(shù)據(jù)提交到服務(wù)器，或者選擇重新輸入該表單中的數(shù)據(jù)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5213.6插入按鈕和文件域插入文件域文件域是一種特殊的表單。如果需要將整個(gè)文件傳送到服務(wù)器上，那么可以在表單中建立文件域來完成這個(gè)任務(wù)。若要使用文件域，表單的方式必須設(shè)置為POST。訪問者可以將文件上載到你在表單的action屬性中所指定的URL地址。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5313.6插入按鈕和文件域插入文件域按照之前所講的操作，在文檔中插入一個(gè)表單。并作“屬性”的設(shè)置。在表單“屬性”面板中將“方法”項(xiàng)選擇為POST。在“編碼類型”下拉列表中選擇multipart/form-data。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5413.6插入按鈕和文件域插入文件域?qū)⒐鈽?biāo)定位在表單框線內(nèi)，點(diǎn)擊“插入”→“表單”項(xiàng)，在彈出的子菜單中選擇“文件域”命令?；蛘咴凇安迦搿泵姘逯羞x擇“表單”項(xiàng)，單擊“文件域”圖標(biāo)。彈出“輸入標(biāo)簽輔助功能屬性”對話框，進(jìn)行設(shè)置。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5513.6插入按鈕和文件域插入文件域單擊“輸入標(biāo)簽輔助功能屬性”對話框中的“確定”按鈕，文件域出現(xiàn)在文檔中。單擊“文件域”，在“文件域”屬性面板進(jìn)行設(shè)置。文件域名稱：為該文件域?qū)ο筝斎胍粋€(gè)名稱。字符寬度：輸入一個(gè)數(shù)值。最多字符數(shù)：輸入一個(gè)數(shù)值。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5613.7驗(yàn)證表單內(nèi)容在DreamweaverCS6中將表單插入網(wǎng)頁后，還可以對表單作進(jìn)一步的處理，檢測表單中的內(nèi)容，并根據(jù)這些內(nèi)容反饋信息，幫助用戶正確地完成表單。如果做到這些，就要用到Spry表單驗(yàn)證技術(shù)。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5713.7驗(yàn)證表單內(nèi)容Spry表單驗(yàn)證技術(shù)Spry表單驗(yàn)證技術(shù)是一種基于JavaScrip、JavaScripSpry框架的快速交互應(yīng)用技術(shù)。它的特點(diǎn)是通過JavaScrip腳本語言動態(tài)地判斷用戶輸入的各種信息，并在不刷新網(wǎng)頁的情況下快速將判斷的結(jié)果發(fā)送給用戶，并在用戶填寫表單的頁面中顯示。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5813.7驗(yàn)證表單內(nèi)容Spry表單驗(yàn)證技術(shù)用Spry表單驗(yàn)證技術(shù)可以方便地實(shí)現(xiàn)與用戶的快速交互與響應(yīng)，提高用戶填寫表單的效率，減少了在刷新頁面時(shí)用戶的等待時(shí)間。DreamweaverCS6通過內(nèi)置的可視化界面，幫助用戶快速添加Spry表單驗(yàn)證功能，提高了網(wǎng)頁設(shè)計(jì)與制作的效率。2023/1/3第13章網(wǎng)頁表單的應(yīng)用5913.7驗(yàn)證表單內(nèi)容

Spry驗(yàn)證文本域Spry表單驗(yàn)證文本域的作用是驗(yàn)證單行的文本域，即文本字段的內(nèi)容是否符合網(wǎng)頁表單提交的要求。用Spry表單驗(yàn)證文本域的方法主要有二種，一是為文本字段添加驗(yàn)證，二是直接添加可驗(yàn)證的文本字段。2023/1/3第13章網(wǎng)頁表單的應(yīng)用6013.7驗(yàn)證表單內(nèi)容

Spry驗(yàn)證文本域2023/1/3第13章網(wǎng)頁表單的應(yīng)用6113.7驗(yàn)證表單內(nèi)容

Spry驗(yàn)證文本域?qū)?yīng)出現(xiàn)“屬性”面板，可以對驗(yàn)證表單內(nèi)文本的屬