項(xiàng)目12制作注冊(cè)網(wǎng)頁(yè)

1、主講：主講：網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver CS3項(xiàng)目十二 制作注冊(cè)網(wǎng)頁(yè)任務(wù)一 創(chuàng)建表單任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作Dreamweaver CS3任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)任務(wù)一 創(chuàng)建表單Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn) 本任務(wù)主要介紹插入表單對(duì)象及其屬性設(shè)置的基本方本任務(wù)主要介紹插入表單對(duì)象及其屬性設(shè)置的基本方法。通過本任務(wù)的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：法。通過本任務(wù)的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有： 1. 表單 表單只是起裝載作用，其他表

2、單對(duì)象必須插入到表單中才能表單只是起裝載作用，其他表單對(duì)象必須插入到表單中才能正常使用。表單以紅色虛線框顯示，但在瀏覽器中是不可見的。正常使用。表單以紅色虛線框顯示，但在瀏覽器中是不可見的。選擇選擇【插入記錄插入記錄】【表單表單】【表單表單】命令（或在命令（或在【插入插入】【表單表單】面板中單擊面板中單擊 （表單）按鈕）插入一個(gè)空白表單。（表單）按鈕）插入一個(gè)空白表單。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)2.文本域 選擇選擇【插入記錄插入記錄】【表單表單】【文本域文本域】命令，彈出命令，

3、彈出【輸輸入標(biāo)簽輔助功能屬性入標(biāo)簽輔助功能屬性】對(duì)話框，單擊對(duì)話框，單擊【請(qǐng)更改請(qǐng)更改“輔助功能輔助功能”首選首選參數(shù)參數(shù)】鏈接，在彈出的鏈接，在彈出的【首選參數(shù)首選參數(shù)】對(duì)話框中取消對(duì)話框中取消【表單對(duì)象表單對(duì)象】復(fù)選框的勾選，這樣再插入表單對(duì)象時(shí)就不會(huì)彈出復(fù)選框的勾選，這樣再插入表單對(duì)象時(shí)就不會(huì)彈出【輸入標(biāo)簽輔輸入標(biāo)簽輔助功能屬性助功能屬性】對(duì)話框而直接插入表單對(duì)話框而直接插入表單。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)在文本域在文本域【屬性屬性】面板中設(shè)置各項(xiàng)屬性。面板中設(shè)置各項(xiàng)屬性

4、?！疚谋居蛭谋居颉浚涸O(shè)置文本域的惟一名稱。：設(shè)置文本域的惟一名稱。【字符寬度字符寬度】：設(shè)置文本域的寬度。：設(shè)置文本域的寬度?！咀疃嘧址麛?shù)最多字符數(shù)】：設(shè)置最多可向文本域中輸入的字符數(shù)。：設(shè)置最多可向文本域中輸入的字符數(shù)。【類型類型】：設(shè)置文本域的類型，包括單行、多行和密碼：設(shè)置文本域的類型，包括單行、多行和密碼3種類型。種類型。當(dāng)設(shè)置為當(dāng)設(shè)置為“密碼密碼”類型時(shí)，文本內(nèi)容顯示為類型時(shí)，文本內(nèi)容顯示為“*”號(hào)而不是實(shí)際號(hào)而不是實(shí)際輸入的密碼，以防被別人看見。輸入的密碼，以防被別人看見。 【初始值初始值】：設(shè)置文本域中默認(rèn)狀態(tài)下填入的信息。：設(shè)置文本域中默認(rèn)狀態(tài)下填入的信息。Dreamweave

5、r CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)3.單選按鈕 選擇選擇【插入記錄插入記錄】【表單表單】【單選按鈕單選按鈕】命令，插入單命令，插入單選按鈕選按鈕，選擇選擇【插入插入】【表單表單】【單選按鈕組單選按鈕組】命令，可以命令，可以一次插入多個(gè)單選按鈕。一次插入多個(gè)單選按鈕。 單選按鈕一般以兩個(gè)或者兩個(gè)以上的形式出現(xiàn)，它的作用是單選按鈕一般以兩個(gè)或者兩個(gè)以上的形式出現(xiàn)，它的作用是讓用戶在兩個(gè)或者多個(gè)選項(xiàng)中選擇一項(xiàng)。既然單選按鈕的名稱都讓用戶在兩個(gè)或者多個(gè)選項(xiàng)中選擇一項(xiàng)。既然單選按鈕的名稱都是一樣的，那么依靠什么來判斷

6、哪個(gè)按鈕被選定呢？因?yàn)閱芜x按是一樣的，那么依靠什么來判斷哪個(gè)按鈕被選定呢？因?yàn)閱芜x按鈕是具有唯一性的，即多個(gè)單選按鈕只能有一個(gè)被選定，所以鈕是具有唯一性的，即多個(gè)單選按鈕只能有一個(gè)被選定，所以【選定值選定值】選項(xiàng)就是判斷的唯一依據(jù)。選項(xiàng)就是判斷的唯一依據(jù)。Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)4.列表/菜單 選擇選擇【插入記錄插入記錄】【表單表單】【列表列表/菜單菜單】命令，插入命令，插入列表菜單域，打開列表菜單域，打開【列表值列表值】對(duì)話框，添加對(duì)話框，添加【項(xiàng)目標(biāo)簽項(xiàng)目標(biāo)簽】和和【值值】

7、。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn) 當(dāng)在當(dāng)在【列表列表/菜單菜單】域的域的【屬性屬性】面板中將面板中將【類型類型】選項(xiàng)設(shè)選項(xiàng)設(shè)置為置為【菜單菜單】時(shí)，時(shí)，【高度高度】和和【選定范圍選定范圍】選項(xiàng)為不可選，在選項(xiàng)為不可選，在【初始化時(shí)選定初始化時(shí)選定】列表框中只能選擇一個(gè)初始選項(xiàng)，文檔窗口的列表框中只能選擇一個(gè)初始選項(xiàng)，文檔窗口的下拉菜單中只顯示一個(gè)選擇的條目，而不是顯示整個(gè)條目表。下拉菜單中只顯示一個(gè)選擇的條目，而不是顯示整個(gè)條目表。 將將【列表列表/菜單菜單】域的域的【屬性屬性】面

8、板中的面板中的【類型類型】選項(xiàng)設(shè)置選項(xiàng)設(shè)置為為【列表列表】時(shí)，時(shí)，【高度高度】選項(xiàng)和選項(xiàng)和【選定范圍選定范圍】選項(xiàng)為可選。其中選項(xiàng)為可選。其中的的【高度高度】選項(xiàng)是列表框中文檔的高度，選項(xiàng)是列表框中文檔的高度，“1”表示在列表中顯示表示在列表中顯示一個(gè)選項(xiàng)。一個(gè)選項(xiàng)?！具x定范圍選定范圍】選項(xiàng)用于設(shè)置是否允許多項(xiàng)選擇，勾選選項(xiàng)用于設(shè)置是否允許多項(xiàng)選擇，勾選表示允許，否則為不允許。表示允許，否則為不允許。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)5.復(fù)選框 選擇選擇【插入記錄插入記錄】【表單表單】

9、【復(fù)選框復(fù)選框】命令，插入命令，插入6個(gè)個(gè)復(fù)選框。由于復(fù)選框在表單中一般都不單獨(dú)出現(xiàn)，而是多個(gè)復(fù)選復(fù)選框。由于復(fù)選框在表單中一般都不單獨(dú)出現(xiàn)，而是多個(gè)復(fù)選框同時(shí)使用，因此其框同時(shí)使用，因此其【選定值選定值】就顯得格外重要。另外，復(fù)選框就顯得格外重要。另外，復(fù)選框的名稱最好與其說明性文字發(fā)生聯(lián)系，這樣在表單腳本程序的編的名稱最好與其說明性文字發(fā)生聯(lián)系，這樣在表單腳本程序的編制中將會(huì)節(jié)省許多時(shí)間和精力。由于復(fù)選框的制中將會(huì)節(jié)省許多時(shí)間和精力。由于復(fù)選框的【復(fù)選框名稱復(fù)選框名稱】不不同，同，【選定值選定值】可以取相同的值?？梢匀∠嗤闹?。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)

10、一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)6.文件域 選擇選擇【插入記錄插入記錄】【表單表單】【文件域文件域】命令，插入一個(gè)命令，插入一個(gè)文件域。文件域的作用是使用戶可以瀏覽并選擇本地計(jì)算機(jī)上的文件域。文件域的作用是使用戶可以瀏覽并選擇本地計(jì)算機(jī)上的某個(gè)文件，并將該文件作為表單數(shù)據(jù)進(jìn)行上傳，文件域的使用需某個(gè)文件，并將該文件作為表單數(shù)據(jù)進(jìn)行上傳，文件域的使用需要上傳程序的支持。要上傳程序的支持。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)7.文本區(qū)域 選擇

11、選擇【插入記錄插入記錄】【表單表單】【文本區(qū)域文本區(qū)域】命令，插入一命令，插入一個(gè)文本區(qū)域。個(gè)文本區(qū)域。 當(dāng)單行的字符數(shù)大于文本區(qū)域的字符寬度時(shí)，如果在當(dāng)單行的字符數(shù)大于文本區(qū)域的字符寬度時(shí)，如果在【換行換行】列表中選擇列表中選擇“關(guān)關(guān)”選項(xiàng)，行中的信息不會(huì)自動(dòng)換行而是出現(xiàn)水平選項(xiàng)，行中的信息不會(huì)自動(dòng)換行而是出現(xiàn)水平滾動(dòng)，如果選擇其他選項(xiàng)，行中的信息自動(dòng)換行不出現(xiàn)滾動(dòng)水平滾動(dòng)，如果選擇其他選項(xiàng)，行中的信息自動(dòng)換行不出現(xiàn)滾動(dòng)水平條。條。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)8.隱藏域 選擇選

12、擇【插入記錄插入記錄】【表單表單】【隱藏域隱藏域】命令，插入一個(gè)命令，插入一個(gè)隱藏域隱藏域。 通常用隱藏域來傳遞一些特殊的信息，如注冊(cè)時(shí)間、認(rèn)證號(hào)通常用隱藏域來傳遞一些特殊的信息，如注冊(cè)時(shí)間、認(rèn)證號(hào)等，這些都需要使用等，這些都需要使用JavaScript、ASP等源代碼來編寫，隱藏域等源代碼來編寫，隱藏域在網(wǎng)頁(yè)中一般不顯現(xiàn)。隱藏域的在網(wǎng)頁(yè)中一般不顯現(xiàn)。隱藏域的【值值】文本框內(nèi)是一段文本框內(nèi)是一段ASP代碼，代碼，其中其中“”是是ASP代碼的開始、結(jié)束標(biāo)志，而代碼的開始、結(jié)束標(biāo)志，而“date()”表表示當(dāng)前的系統(tǒng)日期（示當(dāng)前的系統(tǒng)日期（2007-10-30），如果換成），如果換成“now()”

13、則表示當(dāng)則表示當(dāng)前的系統(tǒng)日期和時(shí)間（前的系統(tǒng)日期和時(shí)間（2007-10-30 10:16:44），而），而“time()”則則表示當(dāng)前的系統(tǒng)時(shí)間（表示當(dāng)前的系統(tǒng)時(shí)間（10:16:44）。）。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)9.按鈕 選擇選擇【插入記錄插入記錄】【表單表單】【按鈕按鈕】命令，插入兩個(gè)按命令，插入兩個(gè)按鈕。按鈕的作用在于發(fā)送信息、執(zhí)行腳本程序、重置表單，這是鈕。按鈕的作用在于發(fā)送信息、執(zhí)行腳本程序、重置表單，這是表單頁(yè)收尾的工作。表單頁(yè)收尾的工作。 選擇選擇【插入插入】【

14、表單表單】【圖像域圖像域】命令，可以插入一個(gè)命令，可以插入一個(gè)圖像域。圖像域的作用就是用一幅圖像來替代按鈕的工作，用它圖像域。圖像域的作用就是用一幅圖像來替代按鈕的工作，用它來發(fā)送表單或者執(zhí)行腳本程序。來發(fā)送表單或者執(zhí)行腳本程序。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)10.跳轉(zhuǎn)菜單 選擇選擇【插入插入】【表單表單】【跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單】命令，可以在頁(yè)面命令，可以在頁(yè)面中插入跳轉(zhuǎn)菜單，中插入跳轉(zhuǎn)菜單，【插入跳轉(zhuǎn)菜單插入跳轉(zhuǎn)菜單】對(duì)話框如圖對(duì)話框如圖12-20所示。跳所示。跳轉(zhuǎn)菜單的外觀和菜單相

15、似，不同的是跳轉(zhuǎn)菜單具有超級(jí)鏈接功能。轉(zhuǎn)菜單的外觀和菜單相似，不同的是跳轉(zhuǎn)菜單具有超級(jí)鏈接功能。但是一旦在文檔中插入了跳轉(zhuǎn)菜單，就無(wú)法再對(duì)其進(jìn)行修改了。但是一旦在文檔中插入了跳轉(zhuǎn)菜單，就無(wú)法再對(duì)其進(jìn)行修改了。如果要修改，只能將菜單刪除，然后再重新創(chuàng)建一個(gè)。這樣做非如果要修改，只能將菜單刪除，然后再重新創(chuàng)建一個(gè)。這樣做非常麻煩，而常麻煩，而Dreamweaver所設(shè)置的所設(shè)置的【跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單】行為，可以彌行為，可以彌補(bǔ)這個(gè)缺陷。方法是分別選定跳轉(zhuǎn)菜單域和按鈕，在補(bǔ)這個(gè)缺陷。方法是分別選定跳轉(zhuǎn)菜單域和按鈕，在【行為行為】面面板中雙擊板中雙擊【跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單】和和【跳轉(zhuǎn)菜單開始跳轉(zhuǎn)菜單開始】，

16、將再次打開，將再次打開【跳轉(zhuǎn)跳轉(zhuǎn)菜單菜單】和和【跳轉(zhuǎn)菜單開始跳轉(zhuǎn)菜單開始】對(duì)話框，然后進(jìn)行修改即可。對(duì)話框，然后進(jìn)行修改即可。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)一 創(chuàng)建表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)11.字段集 選擇選擇【插入插入】【表單表單】【字段集字段集】命令，可以在頁(yè)面中命令，可以在頁(yè)面中插入一個(gè)字段集。使用字段集可以在頁(yè)面中顯示一個(gè)圓角矩形框，插入一個(gè)字段集。使用字段集可以在頁(yè)面中顯示一個(gè)圓角矩形框，可以將一些相關(guān)的內(nèi)容放在一起。可以先插入字段集，然后再在可以將一些相關(guān)的內(nèi)容放在一起?？梢韵炔迦胱侄渭缓笤僭谄渲?/p>

17、插入相關(guān)的內(nèi)容。也可以先插入內(nèi)容，然后將其選擇再插入其中插入相關(guān)的內(nèi)容。也可以先插入內(nèi)容，然后將其選擇再插入字段集。字段集。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn) 本任務(wù)將對(duì)上面制作的表單進(jìn)行驗(yàn)證。通過本任務(wù)的本任務(wù)將對(duì)上面制作的表單進(jìn)行驗(yàn)證。通過本任務(wù)的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有： 1. 關(guān)于驗(yàn)證表單 表單在提交到服務(wù)器端以前，必須進(jìn)行驗(yàn)證，這是非常重要表單在提交到服務(wù)器端以前，必須進(jìn)行驗(yàn)證，這是非常重要的一步，如果忽略了這一步，那么很可能將錯(cuò)誤的信息直接發(fā)送

18、的一步，如果忽略了這一步，那么很可能將錯(cuò)誤的信息直接發(fā)送到服務(wù)器端，不但浪費(fèi)時(shí)間，而且也有一定的危險(xiǎn)性，最起碼要到服務(wù)器端，不但浪費(fèi)時(shí)間，而且也有一定的危險(xiǎn)性，最起碼要做到的是防止空白表單被提交至服務(wù)器端。做到的是防止空白表單被提交至服務(wù)器端。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)2. 【檢查表單】行為 選中整個(gè)表單，然后選擇選中整個(gè)表單，然后選擇【窗口窗口】【行為行為】命令打開命令打開【行行為為】面板，在行為菜單中選擇面板，在行為菜單中選擇【檢查表單檢查表單】命令，打開命令，打開【檢查表

19、檢查表單單】對(duì)話框進(jìn)行設(shè)置。最后在對(duì)話框進(jìn)行設(shè)置。最后在【行為行為】面板中，確認(rèn)默認(rèn)觸發(fā)事面板中，確認(rèn)默認(rèn)觸發(fā)事件是否是件是否是“onSubmit”。 當(dāng)表單被提交時(shí)（當(dāng)表單被提交時(shí)（onSubmit大小寫不能隨意更改），驗(yàn)證大小寫不能隨意更改），驗(yàn)證程序會(huì)自動(dòng)啟動(dòng)，必填項(xiàng)如果為空則發(fā)生警告，提示用戶重新填程序會(huì)自動(dòng)啟動(dòng)，必填項(xiàng)如果為空則發(fā)生警告，提示用戶重新填寫，如果不為空則提交表單。寫，如果不為空則提交表單。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)3.密碼驗(yàn)證 兩次輸入的密碼是否一致無(wú)法

20、使用兩次輸入的密碼是否一致無(wú)法使用“行為行為”來檢驗(yàn)，但可以來檢驗(yàn)，但可以通過簡(jiǎn)單的通過簡(jiǎn)單的JavaScript來驗(yàn)證。來驗(yàn)證。 在表單中右鍵單擊按鈕，在彈出的菜單中選擇在表單中右鍵單擊按鈕，在彈出的菜單中選擇【編輯標(biāo)簽編輯標(biāo)簽E】命令，打開命令，打開【標(biāo)簽編輯器標(biāo)簽編輯器input】對(duì)話框，在對(duì)話框，在對(duì)話框中選中對(duì)話框中選中“onClick”事件，然后在右側(cè)的文本框中輸入驗(yàn)證事件，然后在右側(cè)的文本框中輸入驗(yàn)證代碼。代碼。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)4. Spry驗(yàn)證表單對(duì)象

21、 使用使用【檢查表單檢查表單】行為驗(yàn)證表單的方法，但這種方法比較簡(jiǎn)行為驗(yàn)證表單的方法，但這種方法比較簡(jiǎn)單，不能從更廣的范圍對(duì)文本域等表單對(duì)象進(jìn)行驗(yàn)證。例如，文單，不能從更廣的范圍對(duì)文本域等表單對(duì)象進(jìn)行驗(yàn)證。例如，文本域中要求輸入本域中要求輸入IP地址，并在提交表單時(shí)驗(yàn)證輸入的合法性，使地址，并在提交表單時(shí)驗(yàn)證輸入的合法性，使用用【檢查表單檢查表單】行為就無(wú)法進(jìn)行驗(yàn)證。行為就無(wú)法進(jìn)行驗(yàn)證。 Dreamweaver CS3新增了新增了4個(gè)驗(yàn)證表單構(gòu)件：個(gè)驗(yàn)證表單構(gòu)件：Spry驗(yàn)證文驗(yàn)證文本域、本域、Spry驗(yàn)證文本區(qū)域、驗(yàn)證文本區(qū)域、Spry驗(yàn)證復(fù)選框和驗(yàn)證復(fù)選框和Spry驗(yàn)證選擇，驗(yàn)證選擇，使用

22、它們可以更好地對(duì)表單對(duì)象進(jìn)行驗(yàn)證。使用它們可以更好地對(duì)表單對(duì)象進(jìn)行驗(yàn)證。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)（1）Spry驗(yàn)證文本域 Spry驗(yàn)證文本域用于在輸入文本時(shí)，顯示文本的狀態(tài)（有驗(yàn)證文本域用于在輸入文本時(shí)，顯示文本的狀態(tài)（有效或無(wú)效。例如，在表單中添加一個(gè)效或無(wú)效。例如，在表單中添加一個(gè)Spry驗(yàn)證文本域，用于用戶驗(yàn)證文本域，用于用戶輸入電子郵件地址，如果用戶沒有在電子郵件地址中鍵入輸入電子郵件地址，如果用戶沒有在電子郵件地址中鍵入“”符號(hào)和句點(diǎn)，符號(hào)和句點(diǎn)，Spry驗(yàn)證文本域

23、會(huì)返回一條消息，聲明用戶輸入的驗(yàn)證文本域會(huì)返回一條消息，聲明用戶輸入的信息無(wú)效。信息無(wú)效。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)（2）Spry驗(yàn)證文本區(qū)域 Spry驗(yàn)證文本區(qū)域用于在用戶輸入幾個(gè)文本句子時(shí)顯示文驗(yàn)證文本區(qū)域用于在用戶輸入幾個(gè)文本句子時(shí)顯示文本的狀態(tài)（有效或無(wú)效。如果文本區(qū)域是必填域，而用戶沒有輸本的狀態(tài)（有效或無(wú)效。如果文本區(qū)域是必填域，而用戶沒有輸入任何文本，將返回一條消息，聲明必須輸入值。入任何文本，將返回一條消息，聲明必須輸入值。Spry驗(yàn)證文本驗(yàn)證文本區(qū)域的屬性設(shè)置

24、與區(qū)域的屬性設(shè)置與Spry驗(yàn)證文本域相似，這里不再詳述。另外，驗(yàn)證文本域相似，這里不再詳述。另外，可以添加字符計(jì)數(shù)器，以便當(dāng)用戶在文本區(qū)域中輸入文本時(shí)知道可以添加字符計(jì)數(shù)器，以便當(dāng)用戶在文本區(qū)域中輸入文本時(shí)知道自己已經(jīng)輸入了多少字符或者還剩多少字符。默認(rèn)情況下，當(dāng)添自己已經(jīng)輸入了多少字符或者還剩多少字符。默認(rèn)情況下，當(dāng)添加字符計(jì)數(shù)器時(shí)，計(jì)數(shù)器會(huì)出現(xiàn)在構(gòu)件右下角的外部。加字符計(jì)數(shù)器時(shí)，計(jì)數(shù)器會(huì)出現(xiàn)在構(gòu)件右下角的外部。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)（3）Spry驗(yàn)證復(fù)選框 Spry驗(yàn)證

25、復(fù)選框是驗(yàn)證復(fù)選框是HTML表單中的一個(gè)或一組復(fù)選框，該復(fù)表單中的一個(gè)或一組復(fù)選框，該復(fù)選框在用戶選擇（或沒有選擇）復(fù)選框時(shí)會(huì)顯示其狀態(tài)（有效或選框在用戶選擇（或沒有選擇）復(fù)選框時(shí)會(huì)顯示其狀態(tài)（有效或無(wú)效。例如，向表單中添加一個(gè)驗(yàn)證復(fù)選框，要求用戶進(jìn)行兩項(xiàng)無(wú)效。例如，向表單中添加一個(gè)驗(yàn)證復(fù)選框，要求用戶進(jìn)行兩項(xiàng)選擇。如果用戶沒有進(jìn)行所有這兩項(xiàng)選擇，將會(huì)返回一條消息聲選擇。如果用戶沒有進(jìn)行所有這兩項(xiàng)選擇，將會(huì)返回一條消息聲明不符合最小選擇數(shù)要求。默認(rèn)情況下，明不符合最小選擇數(shù)要求。默認(rèn)情況下，Spry驗(yàn)證復(fù)選框設(shè)置為驗(yàn)證復(fù)選框設(shè)置為“必需（單個(gè)）必需（單個(gè)）”。但是，如果在頁(yè)面上插入了多個(gè)復(fù)選框

26、，則。但是，如果在頁(yè)面上插入了多個(gè)復(fù)選框，則可以指定選擇范圍，即設(shè)置為可以指定選擇范圍，即設(shè)置為“強(qiáng)制范圍（多個(gè)復(fù)選框）強(qiáng)制范圍（多個(gè)復(fù)選框）”，然，然后設(shè)置后設(shè)置【最小選擇數(shù)最小選擇數(shù)】和和【最大選擇數(shù)最大選擇數(shù)】參數(shù)。參數(shù)。 Dreamweaver CS3網(wǎng) 頁(yè) 設(shè) 計(jì) 與 制 作任務(wù)二 驗(yàn)證表單項(xiàng)目十二：項(xiàng)目十二： 制作注冊(cè)網(wǎng)頁(yè)制作注冊(cè)網(wǎng)頁(yè)任務(wù)一小 結(jié)任務(wù)二實(shí) 訓(xùn)（4）Spry驗(yàn)證選擇 Spry驗(yàn)證選擇構(gòu)件是一個(gè)下拉菜單，該菜單在用戶進(jìn)行選驗(yàn)證選擇構(gòu)件是一個(gè)下拉菜單，該菜單在用戶進(jìn)行選擇時(shí)會(huì)顯示構(gòu)件的狀態(tài)（有效或無(wú)效。例如，可以插入一個(gè)包含擇時(shí)會(huì)顯示構(gòu)件的狀態(tài)（有效或無(wú)效。例如，可以插入一個(gè)包含狀態(tài)列表的驗(yàn)證選擇構(gòu)件，這些狀態(tài)按