人教版信息技術(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)用實例表單的應(yīng)用實例第第12章章 表單及其應(yīng)用表單及其應(yīng)用 表單（表單（formform）技術(shù)可以實現(xiàn)瀏覽者與技術(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生成的表單的頁面。生成的表單的頁面。表單有兩個重要的組成部分：表單有兩個重要的組成部分： 12.1 交互式表單概述交互式表單概述(2) 用于處理瀏覽者在表單域中輸入的信息的服務(wù)器用于處理瀏覽者在表單域中輸入的信息的服務(wù)器端應(yīng)用程序或客戶端腳本。表單的應(yīng)用必須

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

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

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

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

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

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

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

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

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

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

13、本框表單域。單中生成一個文本框表單域。表單元素的提示性文字表單元素的提示性文字 訪問鍵：設(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è)計者限定文本的行數(shù)，并決定可由網(wǎng)頁設(shè)計者限定文本的行數(shù)，并決定是否顯示滾動條，瀏覽者可在其中輸入多行文本信息。是否顯示滾動條，瀏覽者可在其中輸入多行文本信息?！久艽a文本框密碼文本框】是一種可以讓瀏覽者輸入密碼信息的文本是一種可以讓瀏覽者輸入密碼信息的文本框，輸入的字符都以框，輸入的字符都以“*”號顯示在屏幕上。號顯示在屏幕上。name regist.htmll

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

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

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

18、關(guān)注”； 在在【選定值選定值】文本框中輸入的值為文本框中輸入的值為 各個復(fù)選框的各個復(fù)選框的標識文字標識文字。 若在上述表單中選擇的兩個復(fù)選框分別是若在上述表單中選擇的兩個復(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ù)選框起一個名字，文本框中，給選中的復(fù)選框起一個名字，也就是選中該復(fù)選框后向服務(wù)器發(fā)送信息時所用的變量名。也就是選中該復(fù)選框后向服務(wù)器發(fā)送信息時所用的變量

19、名?！具x定值選定值】文本框中：輸入選中該復(fù)選框后要向服務(wù)器發(fā)文本框中：輸入選中該復(fù)選框后要向服務(wù)器發(fā)送的內(nèi)容。送的內(nèi)容?！境跏紶顟B(tài)初始狀態(tài)】選項組中，選中選項組中，選中【已勾選已勾選】單選按鈕表示該單選按鈕表示該復(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è)計時，既要為單選按鈕組定義一個標識，也要為每一個單選計時，既要為單選按鈕組定義一個標識，也要為每一個單選按鈕定義一個標識。創(chuàng)建單選按鈕的操作步驟如下。按鈕定義一個標識。創(chuàng)建單選按鈕的操作步驟如下。(1) 在表單的合適位置插入光標，并輸入單選按鈕組的標識在表單的合適位置插入光標，并輸入單選按鈕組的標識文字，例如文字，例如“性別性別”。(2) 然后單擊然后單擊【表單表單】選項卡中的按鈕，并輸入這個單選按選項卡中的按鈕，并輸入這個單選按鈕的標識文字，例如鈕的標識文字，例如“男男”。(3)

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

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

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

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

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

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

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

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

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

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