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

網(wǎng)頁設(shè)計與開發(fā)第7章試卷及答案網(wǎng)頁設(shè)計與開發(fā)第7章試卷及答案網(wǎng)頁設(shè)計與開發(fā)第7章試卷及答案資料僅供參考文件編號：2022年4月網(wǎng)頁設(shè)計與開發(fā)第7章試卷及答案版本號：A修改號：1頁次：1.0審核：批準(zhǔn):發(fā)布日期：《網(wǎng)頁設(shè)計與開發(fā)第7章》試卷選擇題1.下列關(guān)于表單的說法不正確的一項是（）。A．表單元素可以單獨存在于網(wǎng)頁表單之外B．表單中包含各種對象，例如文本域、列表框、復(fù)選框和單選按鈕C．get和post方法是瀏覽器將表單信息提交給服務(wù)器程序的兩種主要方法D．表單由兩部分組成：一是描述表單的HTML源代碼；二是用來處理用戶在表單域中輸入的信息的服務(wù)器端應(yīng)用程序客戶端腳本答案:A2.下列不是表單域的控件是（）。A．單行文本框

B．復(fù)選框

C．下拉菜單

D．圖文框答案:D3.HTML語言中表單的作用是（）。A．顯示圖像B．設(shè)置超鏈接C．收集用戶反饋信息D．顯示網(wǎng)頁信息答案:C4.有如下一行代碼<inputtype="text"name="txt">請問它的功能是（）。A．創(chuàng)建一個文本框B．創(chuàng)建一個密碼框C．創(chuàng)建一個文本域D．創(chuàng)建一個按鈕答案:A5.在HTML中，<formaction=>，action表示（）。A．提交的方式B．表單所用的腳本語言C．提交的URL地址D．表單的形式答案:B6.在HTML中，<formmethod=>，method表示（）。A．提交的方式B．表單所用的腳本語言C．提交的URL地址D．表單的形式答案:A7.增加表單的復(fù)選框的HTML代碼是（）。A．<inputtype=submit>B．<inputtype=image>C．<inputtype=text>D．<inputtype=checkbox>答案:D8.增加表單的密碼域的HTML代碼是（）。A．<inputtype=submit>B．<inputtype=password>C．<inputtype=radio>D．<inputtype=checkbox>答案:B9.創(chuàng)建選項菜單應(yīng)使用以下標(biāo)記符（）。A．SELECT和OPTIONB．INPUT和LABELC．INPUTD．INPUT和OPTION10.在指定單選框時，只有將以下屬性的值指定為相同，才能使它們成為一組。A．typeB．nameC．valueD．checked答案:B11.以下有關(guān)表單的說明中，錯誤的是：。A．表單通常用于搜集用戶信息。B．在FORM標(biāo)記符中使用action屬性指定表單處理程序的位置。C．表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi)容。D．在FORM標(biāo)記符中使用method屬性指定提交表單數(shù)據(jù)的方法。答案:C12.

在HTML中,<formaction=>,action表示()A.

提交的方式B.

表單所用的腳本語言C.

提交的URL地址D.

表單的形式答案:C13.

在HTML中,<formmethod=>,method表示()A.

提交的方式B.

表單所用的腳本語言C.

提交的URL地址D.

表單的形式答案:A14.

增加表單的復(fù)選框的HTML代碼是()A.<inputtype=submit>B.<inputtype=iamge>C.<inputtype=text>D.<inputtype=checkbox>答案:D15.

增加列表框的HTML代碼是()A.<inputtype=submit></input>B.<textareaname="textarea"></textarea>C.<selectmultiple></select>

D.<inputtype=checkbox></input>答案:C16.不是表單提供給用戶的輸入形式是()A)TextB)RadioC)TypeD)file答案:C17.下列的HTML中哪個可以產(chǎn)生文本框A)

<inputtype="textfield">B)

<textinputtype="text">C)

<inputtype="text">D)

<textfield>答案:C18.下列的HTML中哪個可以產(chǎn)生下拉列表A)

<list>B)

<inputtype="list">C)

<inputtype="dropdown">D)

<select>答案:D19.在頁面中看不見的表單元素是那種A)<inputtype="password"></input>B)<inputtype="radio"></input>C)<inputtype="hidden"></input>D)<inputtype="reset"></input>答案:C20.在HTML上，將表單中INPUT元素的TYPE屬性值設(shè)置為（）時，用于創(chuàng)建重置按鈕。resetsetbuttonImage答案:A21.閱讀以下代碼段，則可知（）。<INPUTtype="text"name="textfield"><INPUTtype="radio"name="radio"value="女"><INPUTtype="checkbox"name="checkbox"value="checkbox"><INPUTtype="file"name="file">上面代碼表示的表單元素類型分別是：文本框、單選按鈕、復(fù)選框、文件域上面代碼表示的表單元素類型分別是：文本框、復(fù)選框、單選按鈕、文件域上面代碼表示的表單元素類型分別是：密碼框、多選按鈕、復(fù)選框、文件域上面代碼表示的表單元素類型分別是：文本框、單選按鈕、下拉列表框、文件域答案:D22.對于<FORMaction=″URL″method=*>標(biāo)簽，其中*代表GET或（）。SETPUTPOST INPUT答案:C23.對于標(biāo)簽〈inputtype=*〉，如果希望實現(xiàn)密碼框效果，*值是（）。答案:C24.要在表單里創(chuàng)建一個普通文本框，以下寫法中正確的是()。A.<INPUT>B.<INPUTtype="password">C.<INPUTtype="checkbox">D.<INPUTtype="radio">答案:D25.下面對表單的說法錯誤的是()。A.表單在Web頁面中用來給訪問者填寫信息，從而能采集客戶端信息，使頁面具有交互信息的功能。B.一個表單用<form></form>標(biāo)志來創(chuàng)建屬性的值是指處理程序的程序名(包括網(wǎng)絡(luò)路徑，網(wǎng)址或相對路徑)屬性用來定義處理程序從表單中獲得信息的方式，可取值為GET和POST中的一個。其中POST方式傳送的數(shù)據(jù)量比較小。答案:D26.下面對與按鈕的說法中錯誤的是()。A.按鈕可分為普通按鈕、提交按鈕和重置按鈕B.<inputtype="button">表示這是個提交到服務(wù)器的按鈕C.<inputtype="RESET">表示這是個重置按鈕屬性用來指定按鈕名稱答案:B27.下面說法中錯誤的是（）。A.<inputtype="CHECKBOX"checked>，其中checked屬性用來設(shè)置該復(fù)選框缺省時是否被選中。B.<inputtype="HIDDEN">表示一個隱藏區(qū)域。用戶可以在其中輸入某些要傳送的信息C.<inputtype="PASSWARD">表示這是個密碼區(qū)域。當(dāng)用戶輸入密碼時,區(qū)域內(nèi)將會顯示“*”號D.<inputtype="RADIO">表示這是一個單選按鈕答案:B28.要在表單中添加提交按鈕，實現(xiàn)在用戶單擊“提交”按鈕時，自動將表單提交到ACTION屬性中指定的位置。下列語句正確的是（）。A．<FORMMETHOD="POST"ACTION=""> <INPUTTYPE="button"VALUE="提交"NAME="b1"> </FORM>B．<FORMMETHOD="POST"ACTION=""> <INPUTTYPE="reset"VALUE="提交"NAME="reset1"> </FORM>C．<FORMMETHOD="POST"ACTION=” <INPUTTYPE="submit"VALUE="提交"NAME="submit1"> </FORM>D．<FORMMETHOD="POST"ACTION=""> <BUTTONTYPE="submit"VALUE="提交"NAME="b1"><BUTTON> </FORM>答案:C29.如果要在表單中，顯示如下信息“您用什么方式購買證卷網(wǎng)上交易、電話交易、經(jīng)紀(jì)人代理”，用戶只能從三個選項中選擇一項。要實現(xiàn)以上需求，下面HTML語句正確的是（）。A．<P><B>您用什么方式購買證卷<B><P><INPUTTYPE="CHECKBOX"NAME="ch1"VALUE="c1">網(wǎng)上交易<INPUTTYPE="CHECKBOX"NAME="ch2"VALUE="c2">電話交易<INPUTTYPE="CHECKBOX"NAME="ch3"VALUE="c3">經(jīng)紀(jì)人代理B．<P><B>您用什么方式購買證卷<B><P><INPUTTYPE="RADIO"NAME="radio1"VALUE="r1">網(wǎng)上交易<INPUTTYPE="RADIO"NAME="radio2"VALUE="r2">電話交易<INPUTTYPE="RADIO"NAME="radio3"VALUE="r3">經(jīng)紀(jì)人代理C．<P><B>您用什么方式購買證卷<B><P><SELECTNAME="select1"MULTIPLE="TRUE"><OPTIONVALUE="網(wǎng)上交易">網(wǎng)上交易</OPTION><OPTIONVALUE="電話交易">電話交易</OPTION><OPTIONVALUE="經(jīng)紀(jì)人代理">經(jīng)紀(jì)人代理</OPTION>D．<P><B>您用什么方式購買證卷<B><P><SELECTNAME="select1"><OPTIONVALUE="網(wǎng)上交易">網(wǎng)上交易</OPTION><OPTIONVALUE="電話交易">電話交易</OPTION><OPTIONVALUE="經(jīng)紀(jì)人代理">經(jīng)紀(jì)人代理</OPTION>答案:B30.以下有關(guān)按鈕的說法中，錯誤的是：。A．可以用圖像作為提交按鈕。B．可以用圖像作為重置按鈕。C．可以控制提交按鈕上的顯示文字。D．可以控制重置按鈕上的顯示文字。答案:B填空題1.<form>標(biāo)記中，_________屬性的作用就是指出該表單所對應(yīng)的處理程序的位置；_________屬性用于指定該表單的運行方式。答案:actionmethodmethod屬性的取值可以為_________和_________之一，其默認(rèn)方式是_________。答案:getpostget<input>標(biāo)記中，_________屬性的值是相應(yīng)處理程序中的變量名；_________屬性用于指出用戶輸入值的類型。答案:nametype<input>標(biāo)記中,type屬性有九種取值，分別是：_________、_________、_________、_________、_________、_________、_________、_________、_________。答案:text、submit、reset、password、checkbox、radio、image、hidden、file當(dāng)type=text時，<input>標(biāo)記除了有兩個不可默認(rèn)的屬性_________和_________外，還有三個可選的屬性：_________、_________和_________。答案:nametypemaxlengthsizevalue當(dāng)type=_________時，瀏覽器會在相應(yīng)位置產(chǎn)生一個圖像按鈕，其中，_________屬性是必需的，它用于設(shè)置圖像文件的路徑。答案:imagesrc7.在網(wǎng)頁中用于讓客戶從一組互斥的選項中在同一個時刻只能選擇一項，可使用的表單域是______________。答案:<inputname=radiotype=radiovalue=>8．在HTML網(wǎng)頁中，用于定義表單控件的元素有：____________、____________、____________、____________、____________、____________。答案:單行文本輸入框提交按鈕和重置按鈕密碼輸入框復(fù)選框單選框圖像按鈕文本選擇輸入框隱藏框多行文本輸入框下拉列表框9.已知網(wǎng)頁如下圖所示，請將代碼填寫完整。圖9-8表單圖例<FORM>請輸入姓名：<INPUT><BR>請輸入密碼：<INPUT①><BR>請選擇性別：<INPUT②name="gender">男<BR><INPUT③name="gender">女<BR>請選擇興趣：<SELECTmultiplesize=2><OPTION④>運動<OPTION>美術(shù)<OPTION>音樂</SELECT></FORM>答案:type=passwordtype=radiotype=radioselected10.表單實際上包含兩個重要組成部分：一是描述表單信息的_________，二是用于處理表單數(shù)據(jù)的服務(wù)器端__________。答案:HTML源代碼應(yīng)用程序簡答題1.簡述表單在動態(tài)網(wǎng)頁設(shè)計中的作用答案：表單擔(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程序（如、JSP）。使用了這種結(jié)構(gòu)的HTML文件將可改變以往一般人對HTML文件只能做靜態(tài)的、固定的文件展示的印象，大大地增進(jìn)了網(wǎng)頁所提供的信息的多樣性。Get方法和Post方法有什么差別答案：盡管get方法與post方法都可以提交數(shù)據(jù)，但兩者在應(yīng)用上還有很大的差異。get將表單中數(shù)據(jù)的按照variable=value的形式，添加到action所指向的URL后面，并且兩者使用“”連接，而各個變量之間使用“&”連接；post是將表單中的數(shù)據(jù)放在表單的數(shù)據(jù)體中，按照變量和值相對應(yīng)的方式，傳遞到action所指向的URL。get是不安全的，因為在傳輸過程中，數(shù)據(jù)被放在請求的URL中，而現(xiàn)有的很多服務(wù)器、代理服務(wù)器或者用戶代理都會將請求URL記錄到日志文件中；然后放在某個地方，這樣就可能會有一些隱私的信息被第三方看到。另外，用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù)，一些系統(tǒng)內(nèi)部消息將會一同顯示在用戶面前。post的所有操作對用戶來說都是不可見的。get傳輸?shù)臄?shù)據(jù)量小，主要是因為受URL長度限制；而post可以傳輸大量的數(shù)據(jù)，所以在上傳文件只能使用post。get限制表單的數(shù)據(jù)集的值必須為ASCII字符；而post支持整個ISO10646字符集。get是表單的默認(rèn)方法實驗題1.編寫如下登錄頁面。會員需要填寫用戶名，密碼，并能夠通過下拉列表選擇自己的身份。效果圖下所示。答案：源代碼文件如下：<html><head><title>用戶登陸</title><styletype="text/css"><!--.tt2{ font-size:13px;}.fk{ font-size:12px; height:14px; margin:0px; padding:1px; background-color:#E6E6E6; border:1pxsolid#666666;}.bd3{ border:1pxsolid#999999;}--></style></head><body><formid="form1"name="form1"method="post"action=""><tablewidth="200"border="0"align="center"cellpadding="4"cellspacing="0"class="bd3"> <tr><tdwidth="28%"class="tt2"colspan="2"align="center">會員登陸</td></tr><tr><tdwidth="28%"class="tt2">用戶名:</td><tdwidth="72%"><inputname="textfield"type="text"class="fk"size="16"/></td></tr><tr><tdclass="tt2">密  碼:</td><td><inputname="textfield2"type="password"class="fk"size="16"/></td></tr><tr><tdcolspan="2"align="center"><selectname="select"class="fk"><optionvalue="B1">個人會員</option><optionvalue="B2">商家會員</option><optionvalue="B3">超級管理員</option></select></td></tr><tr><tdcolspan="2"align="center"><inputtype="submit"name="Submit"value="登陸"/><inputtype="reset"name="Submit2"value="重設(shè)"/></td></tr></table> </form></body></html>2．完成一個網(wǎng)站的在線問卷調(diào)查，效果圖如下。答案：源代碼文件如下：<html><head><title>調(diào)查</title><styletype="text/css"><!--.tt1{ font-size:14px; color:#FFFFFF;}.bd1{ border:1pxsolid#FF6600;}.bd2{ border-right-width:1px; border-bottom-width:1px; border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:none; border-right-color:#CCD8E6; border-bottom-color:#CCD8E6; font-size:13px;}.bd4{ border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCD8E6; font-size:13px;}.tt2{ font-size:13px;}--></style></head><body><tablewidth="450"border="0"align="center"cellpadding="0"cellspacing="0"><tr><td><formaction=""method="post"name="form1"id="form1"><tablewidth="100%"border="0"cellpadding="5"cellspacing="0"class="bd1"><tr><tdcolspan="2"bgcolor="#FF6600"class="tt1">■同城網(wǎng)在線調(diào)查</td></tr><tr><tdwidth="38%"class="bd2">你從哪里知道同城的</td><tdwidth="62%"class="bd4"><selectname="select"><optionvalue="1">網(wǎng)上搜索</option><optionvalue="2">朋友介紹</option><optionvalue="3">廣告宣傳</option><optionvalue="4">報刊雜志</option><optionvalue="5">其他渠道</option></select></td></tr><tr><tdclass="bd2">你正在使用的同城網(wǎng)服務(wù)</td><tdclass="bd4"><inputname="f1"type="checkbox"id="f1"value="社區(qū)"/><spanclass="tt2">免費社區(qū)</span><inputname="f2"type="checkbox"id="f2"value="留言"/><spanclass="tt2">免費留言簿<inputname="f3"type="checkbox"id="f3"value="投票"/></span><spanclass="tt2">免費投票</span></td></tr><tr>