網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)第7章試卷及答案

精選文庫(kù)網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)第7章試卷 一、 選擇題1. 下列關(guān)于表單的說法不正確的一項(xiàng)是（ ）。A表單元素可以單獨(dú)存在于網(wǎng)頁(yè)表單之外B表單中包含各種對(duì)象，例如文本域、列表框、復(fù)選框和單選按鈕Cget和post方法是瀏覽器將表單信息提交給服務(wù)器程序的兩種主要方法D表單由兩部分組成：一是描述表單的HTML源代碼；二是用來處理用戶在表單域中輸入的信息的服務(wù)器端應(yīng)用程序客戶端腳本答案: A2. 下列不是表單域的控件是（ ）。A單行文本框 B復(fù)選框 C下拉菜單 D圖文框答案: D3. HTML語(yǔ)言中表單的作用是（ ）。A顯示圖像 B設(shè)置超鏈接 C收集用戶反饋信息 D顯示網(wǎng)頁(yè)信息答案: C4. 有如下一行代碼 請(qǐng)問它的功能是（ ）。A創(chuàng)建一個(gè)文本框 B創(chuàng)建一個(gè)密碼框 C創(chuàng)建一個(gè)文本域 D創(chuàng)建一個(gè)按鈕答案: A5. 在HTML中，action表示（ ）。A提交的方式 B表單所用的腳本語(yǔ)言 C提交的URL地址 D表單的形式答案: B6. 在HTML中，method表示（ ）。A提交的方式 B表單所用的腳本語(yǔ)言 C提交的URL地址 D表單的形式答案: A7. 增加表單的復(fù)選框的HTML代碼是（ ）。A BC D答案: D8. 增加表單的密碼域的HTML代碼是（ ）。A BC D答案: B9. 創(chuàng)建選項(xiàng)菜單應(yīng)使用以下標(biāo)記符（ ）。ASELECT 和 OPTION BINPUT 和 LABELCINPUT DINPUT 和 OPTION10.在指定單選框時(shí)，只有將以下 屬性的值指定為相同，才能使它們成為一組。Atype Bname Cvalue Dchecked答案: B11. 以下有關(guān)表單的說明中，錯(cuò)誤的是： 。 A表單通常用于搜集用戶信息。B在 FORM 標(biāo)記符中使用 action 屬性指定表單處理程序的位置。C表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi)容。D在 FORM 標(biāo)記符中使用 method 屬性指定提交表單數(shù)據(jù)的方法。答案: C12.在HTML中,action表示()A.提交的方式B.表單所用的腳本語(yǔ)言C.提交的URL地址D.表單的形式答案: C13.在HTML中,method表示()A.提交的方式B.表單所用的腳本語(yǔ)言C.提交的URL地址D.表單的形式答案: A14.增加表單的復(fù)選框的HTML代碼是()A.B.C.D.答案: D15.增加列表框的HTML代碼是()A.B.C. D.答案:C16. 不是表單提供給用戶的輸入形式是( )A)TextB)RadioC)TypeD)file答案:C17. 下列的HTML中哪個(gè)可以產(chǎn)生文本框？A) B) C) D) 答案:C18. 下列的HTML中哪個(gè)可以產(chǎn)生下拉列表？A) B) C) D) 答案:D19.在頁(yè)面中看不見的表單元素是那種？A)B)C)D)答案:C20.在HTML上，將表單中INPUT元素的TYPE屬性值設(shè)置為（ ）時(shí)，用于創(chuàng)建重置按鈕。A. resetB. setC. buttonD. Image答案:A21.閱讀以下代碼段，則可知（ ）。A. 上面代碼表示的表單元素類型分別是：文本框、單選按鈕、復(fù)選框、文件域B. 上面代碼表示的表單元素類型分別是：文本框、復(fù)選框、單選按鈕、文件域C. 上面代碼表示的表單元素類型分別是：密碼框、多選按鈕、復(fù)選框、文件域D. 上面代碼表示的表單元素類型分別是：文本框、單選按鈕、下拉列表框、文件域答案:D22.對(duì)于標(biāo)簽，其中*代表GET或（ ）。A. SETB. PUTC. POSTD. INPUT答案:C23.對(duì)于標(biāo)簽input type=*，如果希望實(shí)現(xiàn)密碼框效果，*值是（ ）。 A.hidden B.text C.password D.Submit答案:C24.要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是( )。A.B.C.D.答案:D25.下面對(duì)表單的說法錯(cuò)誤的是( )。A.表單在Web 頁(yè)面中用來給訪問者填寫信息，從而能采集客戶端信息，使頁(yè)面具有交互信息的功能。B.一個(gè)表單用標(biāo)志來創(chuàng)建C.action屬性的值是指處理程序的程序名(包括網(wǎng)絡(luò)路徑，網(wǎng)址或相對(duì)路徑)D.method屬性用來定義處理程序從表單中獲得信息的方式，可取值為GET和POST中的一個(gè)。其中POST方式傳送的數(shù)據(jù)量比較小。答案:D26.下面對(duì)與按鈕的說法中錯(cuò)誤的是( )。A.按鈕可分為普通按鈕、提交按鈕和重置按鈕B.表示這是個(gè)提交到服務(wù)器的按鈕C.表示這是個(gè)重置按鈕D.name屬性用來指定按鈕名稱答案:B27.下面說法中錯(cuò)誤的是（ ）。A.，其中checked屬性用來設(shè)置該復(fù)選框缺省時(shí)是否被選中。B.表示一個(gè)隱藏區(qū)域。用戶可以在其中輸入某些要傳送的信息C.表示這是個(gè)密碼區(qū)域。當(dāng)用戶輸入密碼時(shí),區(qū)域內(nèi)將會(huì)顯示“*”號(hào)D.表示這是一個(gè)單選按鈕答案:B28.要在表單中添加提交按鈕，實(shí)現(xiàn)在用戶單擊“提交”按鈕時(shí)，自動(dòng)將表單提交到ACTION屬性中指定的位置。下列語(yǔ)句正確的是（）。ABCD答案:C29.如果要在表單中，顯示如下信息“您用什么方式購(gòu)買證卷？網(wǎng)上交易、電話交易、經(jīng)紀(jì)人代理”，用戶只能從三個(gè)選項(xiàng)中選擇一項(xiàng)。要實(shí)現(xiàn)以上需求，下面HTML語(yǔ)句正確的是（ ）。A您用什么方式購(gòu)買證卷？網(wǎng)上交易電話交易經(jīng)紀(jì)人代理B您用什么方式購(gòu)買證卷？網(wǎng)上交易電話交易經(jīng)紀(jì)人代理C您用什么方式購(gòu)買證卷？網(wǎng)上交易電話交易經(jīng)紀(jì)人代理D您用什么方式購(gòu)買證卷？網(wǎng)上交易電話交易經(jīng)紀(jì)人代理答案:B30. 以下有關(guān)按鈕的說法中，錯(cuò)誤的是： 。 A可以用圖像作為提交按鈕。 B可以用圖像作為重置按鈕。 C可以控制提交按鈕上的顯示文字。 D可以控制重置按鈕上的顯示文字。答案: B二、 填空題1. 標(biāo)記中，_屬性的作用就是指出該表單所對(duì)應(yīng)的處理程序的位置；_屬性用于指定該表單的運(yùn)行方式。答案: action method1. method屬性的取值可以為_和_之一，其默認(rèn)方式是_。答案: get post get2. 標(biāo)記中，_屬性的值是相應(yīng)處理程序中的變量名；_屬性用于指出用戶輸入值的類型。答案: name type3. 標(biāo)記中,type屬性有九種取值，分別是：_、_、_、_、_、_、_、_、_。答案: text、submit、reset、password、checkbox、radio、image、hidden、file4. 當(dāng)type=text時(shí)，標(biāo)記除了有兩個(gè)不可默認(rèn)的屬性_和_外，還有三個(gè)可選的屬性：_、_和_。答案: name type maxlength size value5. 當(dāng)type=_時(shí)，瀏覽器會(huì)在相應(yīng)位置產(chǎn)生一個(gè)圖像按鈕，其中，_屬性是必需的，它用于設(shè)置圖像文件的路徑。答案: image src7.在網(wǎng)頁(yè)中用于讓客戶從一組互斥的選項(xiàng)中在同一個(gè)時(shí)刻只能選擇一項(xiàng)，可使用的表單域是_。答案: 8在HTML網(wǎng)頁(yè)中，用于定義表單控件的元素有：_、_、_、_、_、_。答案: 單行文本輸入框 提交按鈕和重置按鈕 密碼輸入框 復(fù)選框 單選框 圖像按鈕 文本選擇輸入框 隱藏框 多行文本輸入框 下拉列表框 9. 已知網(wǎng)頁(yè)如下圖所示，請(qǐng)將代碼填寫完整。圖9-8 表單圖例 請(qǐng)輸入姓名： 請(qǐng)輸入密碼： 請(qǐng)選擇性別：男女 請(qǐng)選擇興趣： 運(yùn)動(dòng) 美術(shù) 音樂答案: type=password type=radio type=radio selected10.表單實(shí)際上包含兩個(gè)重要組成部分：一是描述表單信息的_，二是用于處理表單數(shù)據(jù)的服務(wù)器端_。答案: HTML源代碼 應(yīng)用程序 三、 簡(jiǎn)答題1.簡(jiǎn)述表單在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)中的作用？答案：表單擔(dān)任著服務(wù)器端和客戶端之間雙向服務(wù)的前端，提供了如文本框、復(fù)選框、按鈕等輸入界面，當(dāng)它接受了用戶從瀏覽器上的輸入數(shù)據(jù)或選擇并送至服務(wù)器后，根據(jù)action屬性指定的處理程序，按照method定義的數(shù)據(jù)提交方法(get和post)，將數(shù)據(jù)準(zhǔn)備好提交給位于后端服務(wù)器內(nèi)的CGI程序或服務(wù)器端的Script程序（如ASP.NET、JSP）。使用了這種結(jié)構(gòu)的HTML文件將可改變以往一般人對(duì)HTML文件只能做靜態(tài)的、固定的文件展示的印象，大大地增進(jìn)了網(wǎng)頁(yè)所提供的信息的多樣性。2. Get方法和Post方法有什么差別？ 答案：盡管get方法與post方法都可以提交數(shù)據(jù)，但兩者在應(yīng)用上還有很大的差異。(1) get將表單中數(shù)據(jù)的按照variable=value的形式，添加到action所指向的URL后面，并且兩者使用“?”連接，而各個(gè)變量之間使用“&”連接；post是將表單中的數(shù)據(jù)放在表單的數(shù)據(jù)體中，按照變量和值相對(duì)應(yīng)的方式，傳遞到action所指向的URL。(2) get是不安全的，因?yàn)樵趥鬏斶^程中，數(shù)據(jù)被放在請(qǐng)求的URL中，而現(xiàn)有的很多服務(wù)器、代理服務(wù)器或者用戶代理都會(huì)將請(qǐng)求URL記錄到日志文件中；然后放在某個(gè)地方，這樣就可能會(huì)有一些隱私的信息被第三方看到。另外，用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù)，一些系統(tǒng)內(nèi)部消息將會(huì)一同顯示在用戶面前。post的所有操作對(duì)用戶來說都是不可見的。(3) get傳輸?shù)臄?shù)據(jù)量小，主要是因?yàn)槭躑RL長(zhǎng)度限制；而post可以傳輸大量的數(shù)據(jù)，所以在上傳文件只能使用post。(4) get限制表單的數(shù)據(jù)集的值必須為ASCII字符；而post支持整個(gè)ISO10646字符集。(5) get是表單的默認(rèn)方法四、 實(shí)驗(yàn)題1. 編寫如下登錄頁(yè)面。會(huì)員需要填寫用戶名，密碼，并能夠通過下拉列表選擇自己的身份。效果圖下所示。答案：源代碼文件如下：用戶登陸 會(huì)員登