人教版信息技術(shù)五下第12課制作表單網(wǎng)頁ppt課件2

1、 12.1 交互式表單概述交互式表單概述 12.2 創(chuàng)建表單創(chuàng)建表單 12.2.1 創(chuàng)建表單的文本框創(chuàng)建表單的文本框 12.2.2 建立表單的單選按建立表單的單選按 鈕和復(fù)選框鈕和復(fù)選框 12.2.3 創(chuàng)建表單的列表框創(chuàng)建表單的列表框 12.2.4 創(chuàng)建表單的提交創(chuàng)建表單的提交 和重置按鈕和重置按鈕 12.2.5 其他表單域的應(yīng)用其他表單域的應(yīng)用 12.3 表單的應(yīng)用實(shí)例表單的應(yīng)用實(shí)例第第12章章 表單及其應(yīng)用表單及其應(yīng)用 表單（表單（formform）技術(shù)可以實(shí)現(xiàn)瀏覽者與技術(shù)可以實(shí)現(xiàn)瀏覽者與internetinternet服務(wù)服務(wù)器之間信息的交互傳送，它是網(wǎng)絡(luò)信息收集處理的一種重器之間信息的

2、交互傳送，它是網(wǎng)絡(luò)信息收集處理的一種重要的方式。要的方式。通過表單可以從網(wǎng)絡(luò)的用戶端收集信息，然后通過表單可以從網(wǎng)絡(luò)的用戶端收集信息，然后將收集來的信息經(jīng)過服務(wù)器處理后再反饋給用戶。將收集來的信息經(jīng)過服務(wù)器處理后再反饋給用戶。電子商務(wù)、網(wǎng)上調(diào)查，還是留言板、聊天室電子商務(wù)、網(wǎng)上調(diào)查，還是留言板、聊天室(1) 由由dreamweaver mx生成的表單的頁面。生成的表單的頁面。表單有兩個(gè)重要的組成部分：表單有兩個(gè)重要的組成部分： 12.1 交互式表單概述交互式表單概述(2) 用于處理瀏覽者在表單域中輸入的信息的服務(wù)器用于處理瀏覽者在表單域中輸入的信息的服務(wù)器端應(yīng)用程序或客戶端腳本。表單的應(yīng)用必須

3、依賴于端應(yīng)用程序或客戶端腳本。表單的應(yīng)用必須依賴于服務(wù)器端腳本才能真正發(fā)揮其功能。服務(wù)器端腳本才能真正發(fā)揮其功能。(1)將光標(biāo)定位在要插入表單的位置上，選擇將光標(biāo)定位在要插入表單的位置上，選擇【插入插入】|【表單表單】命令。命令。(2) 將光標(biāo)定位在要插入表單的位置上，單擊將光標(biāo)定位在要插入表單的位置上，單擊【插入插入】浮動(dòng)面板組的浮動(dòng)面板組的【表單表單】選項(xiàng)卡中的選項(xiàng)卡中的【表單表單】按鈕。按鈕。(3) 直接將直接將【插入插入】浮動(dòng)面板組的浮動(dòng)面板組的【表單表單】選項(xiàng)卡中的選項(xiàng)卡中的【表單表單】按鈕按鈕拖入拖入網(wǎng)頁編輯窗口的表單插入?yún)^(qū)域。網(wǎng)頁編輯窗口的表單插入?yún)^(qū)域。12.2 創(chuàng)建表單創(chuàng)建表單

4、 表單主要功能是接收輸入的信息。瀏覽者輸入的信息可表單主要功能是接收輸入的信息。瀏覽者輸入的信息可能多種多樣，這些不同類別的信息可以由不同的表單域分別能多種多樣，這些不同類別的信息可以由不同的表單域分別接收。因?yàn)槊總€(gè)表單域?qū)?yīng)一個(gè)項(xiàng)目，所以每個(gè)表單域都要接收。因?yàn)槊總€(gè)表單域?qū)?yīng)一個(gè)項(xiàng)目，所以每個(gè)表單域都要添加一個(gè)標(biāo)識(shí)，提醒用戶在這個(gè)表單域中應(yīng)該輸入的內(nèi)容。添加一個(gè)標(biāo)識(shí)，提醒用戶在這個(gè)表單域中應(yīng)該輸入的內(nèi)容。在網(wǎng)頁中創(chuàng)建一個(gè)表單的方法有在網(wǎng)頁中創(chuàng)建一個(gè)表單的方法有3種種: 用以上用以上3種方法創(chuàng)建的表單區(qū)域，在頁面上用紅色虛種方法創(chuàng)建的表單區(qū)域，在頁面上用紅色虛線框表示。紅色虛線框確定了當(dāng)前表單

5、的邊框，這種紅色線框表示。紅色虛線框確定了當(dāng)前表單的邊框，這種紅色邊框的大小是不能被編輯的。當(dāng)設(shè)計(jì)者在表單區(qū)域中插入邊框的大小是不能被編輯的。當(dāng)設(shè)計(jì)者在表單區(qū)域中插入對象后，表單的區(qū)域會(huì)對象后，表單的區(qū)域會(huì)自動(dòng)調(diào)整其大小自動(dòng)調(diào)整其大小。 在創(chuàng)建表單后，就可以在表單中插入各種表單域。在網(wǎng)在創(chuàng)建表單后，就可以在表單中插入各種表單域。在網(wǎng)頁中插入表單域有兩種方法：頁中插入表單域有兩種方法：利用網(wǎng)頁編輯窗口的菜單命令，選擇利用網(wǎng)頁編輯窗口的菜單命令，選擇【插入插入】|【表單對象表單對象】命令，在其級聯(lián)菜單中選擇相應(yīng)的命令插入表單域；命令，在其級聯(lián)菜單中選擇相應(yīng)的命令插入表單域；或直接單擊或直接單擊【插

6、入插入】浮動(dòng)面板組的浮動(dòng)面板組的【表單表單】選項(xiàng)卡選項(xiàng)卡，從中，從中選擇要插入的表單域。選擇要插入的表單域。文本字段：文本字段： 用來輸入的文字或數(shù)字。插入的文本可顯示為單用來輸入的文字或數(shù)字。插入的文本可顯示為單行、多行。行、多行。隱藏域：隱藏域： 表單的隱藏域在瀏覽時(shí)是看不到的，瀏覽者也不能表單的隱藏域在瀏覽時(shí)是看不到的，瀏覽者也不能執(zhí)行該操作。利用隱藏域可以實(shí)現(xiàn)瀏覽器同服務(wù)器在后臺(tái)不執(zhí)行該操作。利用隱藏域可以實(shí)現(xiàn)瀏覽器同服務(wù)器在后臺(tái)不公開地交換信息。公開地交換信息。復(fù)選框：復(fù)選框： 復(fù)選框可以單獨(dú)使用，也可以成組使用，有選中與復(fù)選框可以單獨(dú)使用，也可以成組使用，有選中與不選中兩種狀態(tài)。不

7、選中兩種狀態(tài)。單選按鈕：單選按鈕： 單選按鈕常用于一組互斥選項(xiàng)。單選按鈕常用于一組互斥選項(xiàng)。按鈕：按鈕： 表單中一般有兩個(gè)按鈕，一個(gè)是表單中一般有兩個(gè)按鈕，一個(gè)是【提交提交】按鈕，單擊按鈕，單擊此按鈕可把瀏覽者輸入的信息發(fā)送給服務(wù)器；此按鈕可把瀏覽者輸入的信息發(fā)送給服務(wù)器； 另一個(gè)是另一個(gè)是【重重置置】按鈕，用來清除表單中的內(nèi)容，把當(dāng)前表單還原為初始按鈕，用來清除表單中的內(nèi)容，把當(dāng)前表單還原為初始狀態(tài)。狀態(tài)。 列表按鈕：列表按鈕： 常用于提交一組可供瀏覽者進(jìn)行選擇的列表常用于提交一組可供瀏覽者進(jìn)行選擇的列表選項(xiàng)。其表現(xiàn)方式是，當(dāng)單擊它右側(cè)的按鈕時(shí)，彈出一個(gè)下拉選項(xiàng)。其表現(xiàn)方式是，當(dāng)單擊它右側(cè)的

8、按鈕時(shí)，彈出一個(gè)下拉式列表。瀏覽者可單擊列表中某一選項(xiàng)。它在功能上與單選按式列表。瀏覽者可單擊列表中某一選項(xiàng)。它在功能上與單選按鈕相似，可以供瀏覽者在多個(gè)備選項(xiàng)中作一個(gè)選擇，它占有網(wǎng)鈕相似，可以供瀏覽者在多個(gè)備選項(xiàng)中作一個(gè)選擇，它占有網(wǎng)頁的面積比單選按鈕小得多。頁的面積比單選按鈕小得多。圖片域：圖片域： 用于顯示圖片，也可用作確認(rèn)按鈕。用于顯示圖片，也可用作確認(rèn)按鈕。 跳轉(zhuǎn)菜單：跳轉(zhuǎn)菜單： 插入一個(gè)跳轉(zhuǎn)菜單，每個(gè)菜單選項(xiàng)都可鏈接插入一個(gè)跳轉(zhuǎn)菜單，每個(gè)菜單選項(xiàng)都可鏈接到一個(gè)網(wǎng)頁或文件。到一個(gè)網(wǎng)頁或文件。 文件域：文件域： 文件域有一個(gè)文本框和一個(gè)瀏覽按鈕，可供瀏文件域有一個(gè)文本框和一個(gè)瀏覽按鈕，

9、可供瀏覽者從本地計(jì)算機(jī)上用表單向服務(wù)器上傳文件。覽者從本地計(jì)算機(jī)上用表單向服務(wù)器上傳文件。文本字段文本字段隱藏域隱藏域復(fù)選框復(fù)選框單選按鈕單選按鈕按鈕按鈕列表按鈕列表按鈕圖片域圖片域跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單文件域文件域下面介紹創(chuàng)建一個(gè)帶有文本框的最基本的表單，通過創(chuàng)建下面介紹創(chuàng)建一個(gè)帶有文本框的最基本的表單，通過創(chuàng)建這個(gè)簡單的表單來了解表單創(chuàng)建的過程，操作步驟如下這個(gè)簡單的表單來了解表單創(chuàng)建的過程，操作步驟如下:（1） 單擊單擊【插入插入】浮動(dòng)面板組的浮動(dòng)面板組的【表單表單】選項(xiàng)卡。選項(xiàng)卡。（2） 此時(shí)在此時(shí)在【插入插入】浮動(dòng)面板組中顯示浮動(dòng)面板組中顯示【表單表單】選項(xiàng)卡選項(xiàng)卡的各種對象。的各種對象。

10、（3） 在網(wǎng)頁編輯窗口中，確定要插入的表單位置。在網(wǎng)頁編輯窗口中，確定要插入的表單位置。（4） 單擊單擊【表單表單】選項(xiàng)卡中的選項(xiàng)卡中的【表單表單】按鈕，便可在網(wǎng)按鈕，便可在網(wǎng)頁編輯區(qū)中生成一個(gè)表單。此時(shí)頁編輯區(qū)中生成一個(gè)表單。此時(shí)表單被一個(gè)紅色虛線框界表單被一個(gè)紅色虛線框界定定。單擊紅色虛線框，可以選中表單區(qū)域。單擊紅色虛線框，可以選中表單區(qū)域。 在在【表單名稱表單名稱】輸入指定表單的名稱輸入指定表單的名稱,該名稱必須惟一。該名稱必須惟一。 在在【動(dòng)作動(dòng)作】文本框中可以輸入一個(gè)文本框中可以輸入一個(gè)url，用來指定處理表用來指定處理表單信息的服務(wù)器端程序。也可以輸入單信息的服務(wù)器端程序。也可以

11、輸入“mailto： 郵件地址郵件地址”，用用e-mail方式來發(fā)送表單中的數(shù)據(jù)。方式來發(fā)送表單中的數(shù)據(jù)。 在在【方法方法】下拉式列表框中指定一個(gè)處理表單數(shù)據(jù)的方法，下拉式列表框中指定一個(gè)處理表單數(shù)據(jù)的方法，其下拉列表中的各項(xiàng)意義如下所述其下拉列表中的各項(xiàng)意義如下所述: 表單的表單的【屬性屬性】面板中各屬性的具體意義如下面板中各屬性的具體意義如下:默認(rèn)：默認(rèn)： 使用瀏覽器的默認(rèn)方式，一般為使用瀏覽器的默認(rèn)方式，一般為get方式。方式。get： 表示把表單值附加到表示把表單值附加到url，并發(fā)送給服務(wù)器一個(gè)并發(fā)送給服務(wù)器一個(gè)get請求。請求。post： 以消息方式發(fā)送表單的值，并發(fā)送給服務(wù)器一個(gè)

12、以消息方式發(fā)送表單的值，并發(fā)送給服務(wù)器一個(gè)post請求。請求。163登陸登陸 在在【目標(biāo)目標(biāo)】下拉式列表中指定一個(gè)窗口方式，在該窗口中下拉式列表中指定一個(gè)窗口方式，在該窗口中顯示調(diào)用程序所返回的數(shù)據(jù)。顯示調(diào)用程序所返回的數(shù)據(jù)。 在在【mime類型類型】下拉式列表中可以指定對提交給服務(wù)器下拉式列表中可以指定對提交給服務(wù)器進(jìn)行處理的數(shù)據(jù)使用進(jìn)行處理的數(shù)據(jù)使用 mime 編碼類型。編碼類型。（5） 將光標(biāo)插入到表單內(nèi)，輸入標(biāo)識(shí)提示文字將光標(biāo)插入到表單內(nèi)，輸入標(biāo)識(shí)提示文字“姓名：姓名： ”。（6） 單擊單擊【表單表單】選項(xiàng)卡中的選項(xiàng)卡中的【文本字段文本字段】按鈕，就會(huì)在表按鈕，就會(huì)在表 單中生成一個(gè)文

13、本框表單域。單中生成一個(gè)文本框表單域。表單元素的提示性文字表單元素的提示性文字 訪問鍵：設(shè)置表單元素的訪問熱訪問鍵：設(shè)置表單元素的訪問熱鍵?？商钊霐?shù)字或字母鍵?？商钊霐?shù)字或字母訪問表訪問表單時(shí)，先按住單時(shí)，先按住alt鍵，然后再按該數(shù)鍵，然后再按該數(shù)字或字母鍵（注：不區(qū)分大小寫）字或字母鍵（注：不區(qū)分大小寫） 用按用按tab鍵的方式訪問表鍵的方式訪問表單元素，該處數(shù)值大小決定單元素，該處數(shù)值大小決定訪問次序，索引值越小越先訪問次序，索引值越小越先訪問。訪問。編輯編輯|首選參數(shù)首選參數(shù)輔助功能輔助功能12.2.1 建立表單的文本框建立表單的文本框 表單中的文本框是網(wǎng)頁中用得比較多的一種表單元素，

14、表單中的文本框是網(wǎng)頁中用得比較多的一種表單元素，網(wǎng)頁中表單的文本框包括網(wǎng)頁中表單的文本框包括3種形式種形式?！締涡形谋究騿涡形谋究颉渴菫g覽者只能輸入一行信息的文本區(qū)域。是瀏覽者只能輸入一行信息的文本區(qū)域?！径嘈形谋究蚨嘈形谋究颉靠捎删W(wǎng)頁設(shè)計(jì)者限定文本的行數(shù)，并決定可由網(wǎng)頁設(shè)計(jì)者限定文本的行數(shù)，并決定是否顯示滾動(dòng)條，瀏覽者可在其中輸入多行文本信息。是否顯示滾動(dòng)條，瀏覽者可在其中輸入多行文本信息?！久艽a文本框密碼文本框】是一種可以讓瀏覽者輸入密碼信息的文本是一種可以讓瀏覽者輸入密碼信息的文本框，輸入的字符都以框，輸入的字符都以“*”號(hào)顯示在屏幕上。號(hào)顯示在屏幕上。name regist.htmll

15、iuyan.html 在在【文本域文本域】文本框中輸入當(dāng)前表單域的名稱，系統(tǒng)將以此名文本框中輸入當(dāng)前表單域的名稱，系統(tǒng)將以此名 稱保存文本框表單域中的內(nèi)容。稱保存文本框表單域中的內(nèi)容。 在在【字符寬度字符寬度】文本框中輸入當(dāng)前表單域的寬度，即設(shè)置文本文本框中輸入當(dāng)前表單域的寬度，即設(shè)置文本 框中每行所允許輸入的字符數(shù)目?？蛑忻啃兴试S輸入的字符數(shù)目。 在在【最大字符數(shù)最大字符數(shù)】文本框中設(shè)置文本框表單域中最多可允許輸文本框中設(shè)置文本框表單域中最多可允許輸 入的字符數(shù)。入的字符數(shù)。 在在【類型類型】區(qū)域中確定文本框的類型，區(qū)域中確定文本框的類型，3個(gè)選項(xiàng)選擇分別是個(gè)選項(xiàng)選擇分別是 【單行單行】、

16、【多行多行】、【密碼密碼】。 在在【初始值初始值】文本框中輸入表單域的預(yù)先設(shè)置的值。文本框中輸入表單域的預(yù)先設(shè)置的值。 在在【換行換行】中設(shè)置多行文本框表單域的換行方式。當(dāng)選擇中設(shè)置多行文本框表單域的換行方式。當(dāng)選擇 【類型類型】為為【多行多行】選項(xiàng)時(shí)，選項(xiàng)時(shí)，【換行換行】下拉式列表就被激活，下拉式列表就被激活， 可選擇設(shè)置多行文本表單域中不同的換行方式?？蛇x擇設(shè)置多行文本表單域中不同的換行方式。12.2.2 建立表單的復(fù)選框和單選按鈕建立表單的復(fù)選框和單選按鈕1、復(fù)選框、復(fù)選框 網(wǎng)頁表單中的復(fù)選框可以網(wǎng)頁表單中的復(fù)選框可以單個(gè)單個(gè)出現(xiàn)，也可以出現(xiàn)，也可以成組成組出現(xiàn)，單個(gè)復(fù)選框可用于答案為是

17、或否的問題，成出現(xiàn)，單個(gè)復(fù)選框可用于答案為是或否的問題，成組的復(fù)選框可用于一個(gè)或多個(gè)選項(xiàng)選取的問題。一組的復(fù)選框可用于一個(gè)或多個(gè)選項(xiàng)選取的問題。一般情況下，般情況下，復(fù)選框組的標(biāo)識(shí)文字放在復(fù)選框之前，復(fù)選框組的標(biāo)識(shí)文字放在復(fù)選框之前，而每一個(gè)復(fù)選框的標(biāo)識(shí)文字放到復(fù)選框的后面。而每一個(gè)復(fù)選框的標(biāo)識(shí)文字放到復(fù)選框的后面。方法一：方法一：在在【復(fù)選框名稱復(fù)選框名稱】文本框中輸入復(fù)選框的標(biāo)識(shí)名；文本框中輸入復(fù)選框的標(biāo)識(shí)名； 在在【選定值選定值】文本框中輸入數(shù)值文本框中輸入數(shù)值1。方法二：方法二：在在【復(fù)選框名稱復(fù)選框名稱】文本框中輸入復(fù)選框組的標(biāo)識(shí)文字文本框中輸入復(fù)選框組的標(biāo)識(shí)文字 的縮寫的縮寫“關(guān)注

18、關(guān)注”； 在在【選定值選定值】文本框中輸入的值為文本框中輸入的值為 各個(gè)復(fù)選框的各個(gè)復(fù)選框的標(biāo)識(shí)文字標(biāo)識(shí)文字。 若在上述表單中選擇的兩個(gè)復(fù)選框分別是若在上述表單中選擇的兩個(gè)復(fù)選框分別是“籃球籃球”和和“足足球球” 。 第一種方法發(fā)送給服務(wù)器的信息是：關(guān)注第一種方法發(fā)送給服務(wù)器的信息是：關(guān)注= 1，2 第二種方法發(fā)送給服務(wù)器的信息是：關(guān)注第二種方法發(fā)送給服務(wù)器的信息是：關(guān)注=籃球，足球籃球，足球關(guān)注關(guān)注【復(fù)選框名稱復(fù)選框名稱】文本框中，給選中的復(fù)選框起一個(gè)名字，文本框中，給選中的復(fù)選框起一個(gè)名字，也就是選中該復(fù)選框后向服務(wù)器發(fā)送信息時(shí)所用的變量名。也就是選中該復(fù)選框后向服務(wù)器發(fā)送信息時(shí)所用的變量

19、名?！具x定值選定值】文本框中：輸入選中該復(fù)選框后要向服務(wù)器發(fā)文本框中：輸入選中該復(fù)選框后要向服務(wù)器發(fā)送的內(nèi)容。送的內(nèi)容。【初始狀態(tài)初始狀態(tài)】選項(xiàng)組中，選中選項(xiàng)組中，選中【已勾選已勾選】單選按鈕表示該單選按鈕表示該復(fù)選框初始狀態(tài)已被選中。選中復(fù)選框初始狀態(tài)已被選中。選中【未選中未選中】單選按鈕表示單選按鈕表示該復(fù)選框初始狀態(tài)為待選狀態(tài)。該復(fù)選框初始狀態(tài)為待選狀態(tài)。復(fù)選框復(fù)選框【屬性屬性】面板設(shè)置的參數(shù)應(yīng)按照服務(wù)器端程序的約面板設(shè)置的參數(shù)應(yīng)按照服務(wù)器端程序的約定。定。選中該復(fù)選框，在復(fù)選框的選中該復(fù)選框，在復(fù)選框的【屬性屬性】面板中為其命名和賦值。面板中為其命名和賦值。1. 創(chuàng)建表單的單選按鈕創(chuàng)建

20、表單的單選按鈕 網(wǎng)頁中表單的單選按鈕一般都是成組出現(xiàn)的。在頁面設(shè)網(wǎng)頁中表單的單選按鈕一般都是成組出現(xiàn)的。在頁面設(shè)計(jì)時(shí)，既要為單選按鈕組定義一個(gè)標(biāo)識(shí)，也要為每一個(gè)單選計(jì)時(shí)，既要為單選按鈕組定義一個(gè)標(biāo)識(shí)，也要為每一個(gè)單選按鈕定義一個(gè)標(biāo)識(shí)。創(chuàng)建單選按鈕的操作步驟如下。按鈕定義一個(gè)標(biāo)識(shí)。創(chuàng)建單選按鈕的操作步驟如下。(1) 在表單的合適位置插入光標(biāo)，并輸入單選按鈕組的標(biāo)識(shí)在表單的合適位置插入光標(biāo)，并輸入單選按鈕組的標(biāo)識(shí)文字，例如文字，例如“性別性別”。(2) 然后單擊然后單擊【表單表單】選項(xiàng)卡中的按鈕，并輸入這個(gè)單選按選項(xiàng)卡中的按鈕，并輸入這個(gè)單選按鈕的標(biāo)識(shí)文字，例如鈕的標(biāo)識(shí)文字，例如“男男”。(3)

21、選中這個(gè)單選按鈕，打開單選按鈕的選中這個(gè)單選按鈕，打開單選按鈕的【屬性屬性】面板。面板。2、單選按鈕、單選按鈕(radiobutton.html)(4) 在在【單選按鈕單選按鈕】文本框中輸入單選按鈕的名字文本框中輸入單選按鈕的名字“性別性別”。 并在并在【選定值選定值】文本框中給單選按鈕賦值文本框中給單選按鈕賦值“男男”。(5) 并為該單選按鈕設(shè)置初始狀態(tài)，并為該單選按鈕設(shè)置初始狀態(tài)，【初始狀態(tài)初始狀態(tài)】為為【已勾選已勾選】。(6) 用同樣的方法添加另一個(gè)標(biāo)識(shí)為用同樣的方法添加另一個(gè)標(biāo)識(shí)為“女女”的單選按鈕。的單選按鈕。(7) 在在【單選按鈕單選按鈕】文本框中輸入單選按鈕的名字文本框中輸入單選

22、按鈕的名字“性別性別”。 并在選定值文本框中給單選按鈕賦值并在選定值文本框中給單選按鈕賦值“女女”。(8) 為該單選按鈕設(shè)置初始狀態(tài)，為該單選按鈕設(shè)置初始狀態(tài)，【初始狀態(tài)初始狀態(tài)】為為【未選中未選中】。12.2.3 創(chuàng)建表單的列表框創(chuàng)建表單的列表框1）在表單的合適位置上插入光標(biāo)，然后輸入下拉式列在表單的合適位置上插入光標(biāo)，然后輸入下拉式列表框的標(biāo)識(shí)文字，例如表框的標(biāo)識(shí)文字，例如“您的職業(yè)：您的職業(yè)： ”。2）單擊單擊【表單表單】選項(xiàng)卡中的按鈕，此時(shí)表單的光標(biāo)位選項(xiàng)卡中的按鈕，此時(shí)表單的光標(biāo)位置上顯示一個(gè)很小的下拉式列表框。置上顯示一個(gè)很小的下拉式列表框。3）選中新建的下拉式列表框，打開其選中新

23、建的下拉式列表框，打開其【屬性屬性】面板。面板。 其各項(xiàng)參數(shù)的意義如下：其各項(xiàng)參數(shù)的意義如下： 【列表列表/菜單菜單】文本框中：設(shè)置下拉式列表框的名稱。在此文文本框中：設(shè)置下拉式列表框的名稱。在此文本框中輸入下拉式列表框的名稱為本框中輸入下拉式列表框的名稱為work。【類型類型】選項(xiàng)組中：設(shè)置下拉式列表框的類型為選項(xiàng)組中：設(shè)置下拉式列表框的類型為【菜單菜單】。當(dāng)下拉式列表框的類型設(shè)置為當(dāng)下拉式列表框的類型設(shè)置為【列表列表】時(shí)，時(shí)，【高度高度】文本框被文本框被激活，在其中可設(shè)置該列表框可顯示的行數(shù)。激活，在其中可設(shè)置該列表框可顯示的行數(shù)?！具x定范圍選定范圍】復(fù)選框：可使下拉式列表一次選擇多個(gè)選項(xiàng)

24、。復(fù)選框：可使下拉式列表一次選擇多個(gè)選項(xiàng)。也可通過按也可通過按ctrl鍵鍵，再單擊來選擇不相鄰的任意多個(gè)選項(xiàng)，還可，再單擊來選擇不相鄰的任意多個(gè)選項(xiàng)，還可通過按通過按shift鍵鍵來選中兩次單擊選項(xiàng)之間所有連續(xù)的選項(xiàng)。來選中兩次單擊選項(xiàng)之間所有連續(xù)的選項(xiàng)?！玖斜碇盗斜碇怠堪粹o：可以進(jìn)行列表按鈕：可以進(jìn)行列表值的設(shè)置。值的設(shè)置?！境跏蓟瘯r(shí)選定初始化時(shí)選定】列表：會(huì)顯示列表：會(huì)顯示通過列表值設(shè)置的列表項(xiàng)目文字。通過列表值設(shè)置的列表項(xiàng)目文字。p 按按tab鍵或單擊鍵或單擊【值值】按鈕，在出現(xiàn)的文本框中輸入選項(xiàng)按鈕，在出現(xiàn)的文本框中輸入選項(xiàng)的賦值。單擊的賦值。單擊“+”按鈕，重復(fù)步驟按鈕，重復(fù)步驟,

25、添加新的列表選項(xiàng)。添加新的列表選項(xiàng)。p 如果要?jiǎng)h除某個(gè)選項(xiàng)，可以在如果要?jiǎng)h除某個(gè)選項(xiàng)，可以在【列表值列表值】對話框中選中該對話框中選中該項(xiàng)，然后單擊項(xiàng)，然后單擊“-”按鈕即可?？捎昧斜碇祵υ捒蛑邪粹o調(diào)整按鈕即可?？捎昧斜碇祵υ捒蛑邪粹o調(diào)整下拉式列表的選項(xiàng)次序。下拉式列表的選項(xiàng)次序。 網(wǎng)頁中的表單必須添加網(wǎng)頁中的表單必須添加【提交提交】按鈕，才能將瀏覽者填按鈕，才能將瀏覽者填寫的信息上傳到服務(wù)器。在表單中創(chuàng)建寫的信息上傳到服務(wù)器。在表單中創(chuàng)建【提交提交】和和【重置重置】按鈕的操作步驟如下：按鈕的操作步驟如下：12.2.4 創(chuàng)建表單的提交和重置按鈕創(chuàng)建表單的提交和重置按鈕（1） 在表單合適的位置上

26、確定插入點(diǎn)，然后在表單合適的位置上確定插入點(diǎn)，然后2次單擊次單擊【表單表單】選項(xiàng)卡中的按鈕。選項(xiàng)卡中的按鈕。 （2） 在表單中就會(huì)生成在表單中就會(huì)生成2個(gè)按鈕。個(gè)按鈕。（3） 選中第選中第1個(gè)按鈕，在按鈕的個(gè)按鈕，在按鈕的【屬性屬性】面板中設(shè)置參數(shù)。面板中設(shè)置參數(shù)。在在【按鈕名稱按鈕名稱】文本框中輸入文本框中輸入submit； 在在【標(biāo)簽標(biāo)簽】文本框中文本框中輸入該按鈕上的文字輸入該按鈕上的文字“提交提交”； 在在【動(dòng)作動(dòng)作】選項(xiàng)組中選擇選項(xiàng)組中選擇【提交表單提交表單】單選按鈕。單選按鈕。（4） 選中第選中第2個(gè)按鈕，在按鈕的個(gè)按鈕，在按鈕的【屬性屬性】面板中設(shè)置參數(shù)。面板中設(shè)置參數(shù)。在在【按

27、鈕名稱按鈕名稱】文本框中輸入文本框中輸入reset； 在在【標(biāo)簽標(biāo)簽】文本框中輸文本框中輸入該按鈕上的文字入該按鈕上的文字“重置重置”； 在在【動(dòng)作動(dòng)作】選項(xiàng)組中選擇選項(xiàng)組中選擇【重重設(shè)表單設(shè)表單】單選按鈕。單選按鈕。在表單中，插入表單隱藏域的操作步驟如下：在表單中，插入表單隱藏域的操作步驟如下： （1） 在表單合適的位置上確定插入點(diǎn)，然后單擊在表單合適的位置上確定插入點(diǎn)，然后單擊【表單表單】選項(xiàng)卡中的按鈕。選項(xiàng)卡中的按鈕。（2） 在網(wǎng)頁編輯窗口的插入點(diǎn)處可看到一個(gè)圖標(biāo)。在網(wǎng)頁編輯窗口的插入點(diǎn)處可看到一個(gè)圖標(biāo)。（3） 雙擊圖標(biāo)，選中表單隱藏域，在表單隱藏域的雙擊圖標(biāo)，選中表單隱藏域，在表單隱藏

28、域的【屬屬性性】面板中可以設(shè)置表單隱藏域的屬性。面板中可以設(shè)置表單隱藏域的屬性。2. 表單隱藏域表單隱藏域 隱藏域是一種在瀏覽器上看不到的表單域，也不用對其隱藏域是一種在瀏覽器上看不到的表單域，也不用對其執(zhí)行操作，利用隱藏域可以實(shí)現(xiàn)瀏覽器同服務(wù)器在后臺(tái)交換執(zhí)行操作，利用隱藏域可以實(shí)現(xiàn)瀏覽器同服務(wù)器在后臺(tái)交換信息。由于它是不可見的，所以也不需要為它添加標(biāo)識(shí)文字。信息。由于它是不可見的，所以也不需要為它添加標(biāo)識(shí)文字。 利用表單文件域可以從本地計(jì)算機(jī)向服務(wù)器上傳文利用表單文件域可以從本地計(jì)算機(jī)向服務(wù)器上傳文件。表單文件域包括一個(gè)文本框和一個(gè)瀏覽按鈕。在瀏件。表單文件域包括一個(gè)文本框和一個(gè)瀏覽按鈕。在

29、瀏覽器中單擊覽器中單擊【瀏覽瀏覽】按鈕，打開按鈕，打開【選擇文件選擇文件】對話框，對話框，在對話框中選擇相應(yīng)的文件，然后單擊表單中的在對話框中選擇相應(yīng)的文件，然后單擊表單中的【提交提交】按鈕便可將文件發(fā)送到服務(wù)器上。按鈕便可將文件發(fā)送到服務(wù)器上?！局抵怠?文本框中輸入文本框中輸入表單隱藏域的初始值。表單隱藏域的初始值。表單隱藏域的名稱表單隱藏域的名稱3. 表單文件域表單文件域（1） 在表單合適的位置上確定插入點(diǎn)，然后單擊在表單合適的位置上確定插入點(diǎn)，然后單擊【表單表單】 選項(xiàng)卡中的按鈕。選項(xiàng)卡中的按鈕。（2） 在網(wǎng)頁編輯窗口的插入點(diǎn)處可以創(chuàng)建一個(gè)文本框和在網(wǎng)頁編輯窗口的插入點(diǎn)處可以創(chuàng)建一個(gè)文本

30、框和 【瀏覽瀏覽】按鈕。按鈕。（3） 選中表單文件域，在表單文件域的選中表單文件域，在表單文件域的【屬性屬性】面板面板中可以設(shè)置表單文件域的屬性。中可以設(shè)置表單文件域的屬性。表單文件域的表單文件域的【屬性屬性】面板的基本參數(shù)意義：面板的基本參數(shù)意義：在在【文件域名稱文件域名稱】文本框中輸入表單文件域的名稱。文本框中輸入表單文件域的名稱。在在【字符寬度字符寬度】文本框中輸入文件域的最大字符寬度。文本框中輸入文件域的最大字符寬度。在在【最多字符數(shù)最多字符數(shù)】文本框中輸入文件域的最多字符數(shù)。文本框中輸入文件域的最多字符數(shù)。 html表單是html頁面與瀏覽器端實(shí)現(xiàn)交互的重要手段。利用表單可以收集客戶端提交的有關(guān)信息。 在html里，我們可以定義表單，并且使表單與cgi或asp等服務(wù)器端的表單處理程序配合。我們在網(wǎng)頁設(shè)計(jì)課程中不會(huì)涉及程序編制。表單表單(form)標(biāo)記標(biāo)記 表單是網(wǎng)頁上的一個(gè)特定區(qū)域，是由一對表單是網(wǎng)頁上的一個(gè)特定區(qū)域，是由一對元素定義的。元素定義的。元素屬性元素屬性action：用來定義表單處理程序（一個(gè)用來定義表單處理程序（一個(gè)asp、cgi等程序）的等程序）的位置位置(相對地址或絕對地址相