第7章使用表單

教學(xué)內(nèi)容：表單的用途很多，在制作網(wǎng)頁，特別是制作動(dòng)態(tài)網(wǎng)頁時(shí)常常會(huì)用到。表單主要用來收集客戶端提供的相關(guān)信息，使網(wǎng)頁具有交互功能。在網(wǎng)頁制作的過程中，常常需要使用表單，如進(jìn)行會(huì)員注冊(cè)、網(wǎng)上調(diào)查和搜索等。訪問者可以使用如文本域、列表框、復(fù)選框以及單選按鈕之類的表單對(duì)象輸入信息，然后單擊某個(gè)按鈕提交這些信息。第7章使用表單教學(xué)重點(diǎn)表單標(biāo)記插入表單對(duì)象菜單和列表文本域標(biāo)記id標(biāo)記7.1表單標(biāo)記form在網(wǎng)頁中<form></form>標(biāo)記對(duì)用來創(chuàng)建一個(gè)表單，即定義表單的開始和結(jié)束位置，在標(biāo)記對(duì)之間的一切都屬于表單的內(nèi)容。在表單的<form>標(biāo)記中，可以設(shè)置表單的基本屬性，包括表單的名稱、處理程序和傳送方法等。一般情況下，表單的處理程序action和傳送方法method是必不可少的參數(shù)。action用于指定表單數(shù)據(jù)提交到哪個(gè)地址進(jìn)行處理。7.1.1提交表單actionname用于給表單命名，這一屬性不是表單的必要屬性，但是為了防止表單提交到后臺(tái)處理程序時(shí)出現(xiàn)混亂，一般需要給表單命名。7.1.2表單名稱name表單的method屬性用于指定在數(shù)據(jù)提交到服務(wù)器的時(shí)候使用哪種HTTP提交方法，可取值為get或post。get：表單數(shù)據(jù)被傳送到action屬性指定的URL，然后這個(gè)新URL被送到處理程序上。post：表單數(shù)據(jù)被包含在表單主體中，然后被送到處理程序上。7.1.3傳送方式method7.1.4編碼方式enctype表單中的enctype屬性用于設(shè)置表單信息提交的編碼方式。7.1.5目標(biāo)顯示方式targettarget用來指定目標(biāo)窗口的打開方式，表單的目標(biāo)窗口往往用來顯示表單的返回信息。網(wǎng)頁中的表單由許多不同的表單元素組成。這些表單元素包括文字字段、單選按鈕、復(fù)選框、菜單和列表以及按鈕。7.2插入表單對(duì)象7.2.1文字字段text在網(wǎng)頁中最常見的表單元素就是文字字段，用戶可以在文字字段內(nèi)輸入字符或者單行文本。密碼域是一種特殊的文字字段，它的各屬性和文字字段是相同的。所不同的是，密碼域輸入的字符全部以“*”顯示。7.2.2密碼域password7.2.3單選按鈕radio單選按鈕是小而圓的按鈕，它可以使用戶從選擇列表中選擇一個(gè)選項(xiàng)。復(fù)選框可以讓用戶從一個(gè)選項(xiàng)列表中選擇超過一個(gè)的選項(xiàng)。7.2.4復(fù)選框checkbox7.2.5普通按鈕button在網(wǎng)頁中按鈕也很常見，在提交頁面、清除內(nèi)容時(shí)常常用到。普通按鈕一般情況下要配合腳本來進(jìn)行表單處理。提交按鈕是一種特殊的按鈕，單擊該類按鈕可以實(shí)現(xiàn)表單內(nèi)容的提交。7.2.6提交按鈕submit7.2.7重置按鈕reset重置按鈕用來清除用戶在頁面中輸入的信息。7.2.8圖像域images還可以使用一幅圖像作為按鈕，這樣做可以創(chuàng)建能想象到的任何外觀的按鈕。7.2.9隱藏域hidden有時(shí)候可能想傳送一些數(shù)據(jù)，這些數(shù)據(jù)對(duì)于用戶來說是不可見的?？梢酝ㄟ^一個(gè)隱藏域來傳送這樣的數(shù)據(jù)。隱藏域包含那些要提交處理的數(shù)據(jù)，但這些數(shù)據(jù)并不顯示在瀏覽器中。7.2.10文件域file文件域在上傳文件時(shí)常常用到，它用于查找硬盤中的文件路徑，然后通過表單將選中的文件上傳，在上傳圖像時(shí)也常常用到。菜單和列表主要用來選擇給定答案中的一種，這類選擇中往往答案比較多。菜單和列表主要是為了節(jié)省頁面的空間，它們都是通過<select>和<option>標(biāo)記來實(shí)現(xiàn)的。7.3菜單和列表7.3.1下拉菜單下拉菜單是一種最節(jié)省頁面空間的選擇方式，因?yàn)樵谡顟B(tài)下只顯示一個(gè)選項(xiàng)，單擊下拉按鈕打開菜單后才會(huì)看到全部的選項(xiàng)。7.3.2列表項(xiàng)在頁面中列表項(xiàng)可以顯示出幾條信息，一旦超出這個(gè)信息量，在列表項(xiàng)右側(cè)會(huì)出現(xiàn)滾動(dòng)條，拖動(dòng)滾動(dòng)條可以看到所有的選項(xiàng)。當(dāng)需要讓瀏覽者填入多行文本時(shí)，就應(yīng)該使用文本域而不是文字字段。和其他大多數(shù)表單對(duì)象不一樣，文本域使用的是textarea標(biāo)記而不是input標(biāo)記。7.4文本域標(biāo)記textareaid標(biāo)記是一個(gè)較為特殊的標(biāo)記，它主要用于標(biāo)示一個(gè)惟一的元素。這個(gè)元素可以是文字字段，可以是密碼域，也可以是其他的表單元素，甚至可以是一幅圖像、一個(gè)表格。7.5id標(biāo)記下面通過如下的代碼，講述表單的綜合實(shí)例，效果如圖7.15所示。7.6創(chuàng)建表單實(shí)例7.7經(jīng)典習(xí)題1.填空題（1）在網(wǎng)頁中__________標(biāo)記對(duì)用來創(chuàng)建一個(gè)表單，即定義表單的開始和結(jié)束位置，在標(biāo)記對(duì)之間的一切都屬于表單的內(nèi)容。一般情況下，表單的處理程序__________和傳送方法__________method是必不可少的參數(shù)。（2）有時(shí)候可能想傳送一些數(shù)據(jù)，這些數(shù)據(jù)對(duì)于用戶來說是不可見的?？梢酝ㄟ^一個(gè)_________