网页设计与开发第7章试卷及答案

网页设计与开发第7章试卷及答案网页设计与开发第7章试卷及答案网页设计与开发第7章试卷及答案资料仅供参考文件编号：2022年4月网页设计与开发第7章试卷及答案版本号：A修改号：1页次：1.0审核：批准:发布日期：《网页设计与开发第7章》试卷选择题1.下列关于表单的说法不正确的一项是（）。A．表单元素可以单独存在于网页表单之外B．表单中包含各种对象，例如文本域、列表框、复选框和单选按钮C．get和post方法是浏览器将表单信息提交给服务器程序的两种主要方法D．表单由两部分组成：一是描述表单的HTML源代码；二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本答案:A2.下列不是表单域的控件是（）。A．单行文本框

B．复选框

C．下拉菜单

D．图文框答案:D3.HTML语言中表单的作用是（）。A．显示图像B．设置超链接C．收集用户反馈信息D．显示网页信息答案:C4.有如下一行代码<inputtype="text"name="txt">请问它的功能是（）。A．创建一个文本框B．创建一个密码框C．创建一个文本域D．创建一个按钮答案:A5.在HTML中，<formaction=>，action表示（）。A．提交的方式B．表单所用的脚本语言C．提交的URL地址D．表单的形式答案:B6.在HTML中，<formmethod=>，method表示（）。A．提交的方式B．表单所用的脚本语言C．提交的URL地址D．表单的形式答案:A7.增加表单的复选框的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.创建选项菜单应使用以下标记符（）。A．SELECT和OPTIONB．INPUT和LABELC．INPUTD．INPUT和OPTION10.在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为一组。A．typeB．nameC．valueD．checked答案:B11.以下有关表单的说明中，错误的是：。A．表单通常用于搜集用户信息。B．在FORM标记符中使用action属性指定表单处理程序的位置。C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。D．在FORM标记符中使用method属性指定提交表单数据的方法。答案:C12.

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

提交的方式B.

表单所用的脚本语言C.

提交的URL地址D.

表单的形式答案:C13.

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

提交的方式B.

表单所用的脚本语言C.

提交的URL地址D.

表单的形式答案:A14.

增加表单的复选框的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中哪个可以产生文本框A)

<inputtype="textfield">B)

<textinputtype="text">C)

<inputtype="text">D)

<textfield>答案:C18.下列的HTML中哪个可以产生下拉列表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属性值设置为（）时，用于创建重置按钮。resetsetbuttonImage答案:A21.阅读以下代码段，则可知（）。<INPUTtype="text"name="textfield"><INPUTtype="radio"name="radio"value="女"><INPUTtype="checkbox"name="checkbox"value="checkbox"><INPUTtype="file"name="file">上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域答案:D22.对于<FORMaction=″URL″method=*>标签，其中*代表GET或（）。SETPUTPOST INPUT答案:C23.对于标签〈inputtype=*〉，如果希望实现密码框效果，*值是（）。答案:C24.要在表单里创建一个普通文本框，以下写法中正确的是()。A.<INPUT>B.<INPUTtype="password">C.<INPUTtype="checkbox">D.<INPUTtype="radio">答案:D25.下面对表单的说法错误的是()。A.表单在Web页面中用来给访问者填写信息，从而能采集客户端信息，使页面具有交互信息的功能。B.一个表单用<form></form>标志来创建属性的值是指处理程序的程序名(包括网络路径，网址或相对路径)属性用来定义处理程序从表单中获得信息的方式，可取值为GET和POST中的一个。其中POST方式传送的数据量比较小。答案:D26.下面对与按钮的说法中错误的是()。A.按钮可分为普通按钮、提交按钮和重置按钮B.<inputtype="button">表示这是个提交到服务器的按钮C.<inputtype="RESET">表示这是个重置按钮属性用来指定按钮名称答案:B27.下面说法中错误的是（）。A.<inputtype="CHECKBOX"checked>，其中checked属性用来设置该复选框缺省时是否被选中。B.<inputtype="HIDDEN">表示一个隐藏区域。用户可以在其中输入某些要传送的信息C.<inputtype="PASSWARD">表示这是个密码区域。当用户输入密码时,区域内将会显示“*”号D.<inputtype="RADIO">表示这是一个单选按钮答案:B28.要在表单中添加提交按钮，实现在用户单击“提交”按钮时，自动将表单提交到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.如果要在表单中，显示如下信息“您用什么方式购买证卷网上交易、电话交易、经纪人代理”，用户只能从三个选项中选择一项。要实现以上需求，下面HTML语句正确的是（）。A．<P><B>您用什么方式购买证卷<B><P><INPUTTYPE="CHECKBOX"NAME="ch1"VALUE="c1">网上交易<INPUTTYPE="CHECKBOX"NAME="ch2"VALUE="c2">电话交易<INPUTTYPE="CHECKBOX"NAME="ch3"VALUE="c3">经纪人代理B．<P><B>您用什么方式购买证卷<B><P><INPUTTYPE="RADIO"NAME="radio1"VALUE="r1">网上交易<INPUTTYPE="RADIO"NAME="radio2"VALUE="r2">电话交易<INPUTTYPE="RADIO"NAME="radio3"VALUE="r3">经纪人代理C．<P><B>您用什么方式购买证卷<B><P><SELECTNAME="select1"MULTIPLE="TRUE"><OPTIONVALUE="网上交易">网上交易</OPTION><OPTIONVALUE="电话交易">电话交易</OPTION><OPTIONVALUE="经纪人代理">经纪人代理</OPTION>D．<P><B>您用什么方式购买证卷<B><P><SELECTNAME="select1"><OPTIONVALUE="网上交易">网上交易</OPTION><OPTIONVALUE="电话交易">电话交易</OPTION><OPTIONVALUE="经纪人代理">经纪人代理</OPTION>答案:B30.以下有关按钮的说法中，错误的是：。A．可以用图像作为提交按钮。B．可以用图像作为重置按钮。C．可以控制提交按钮上的显示文字。D．可以控制重置按钮上的显示文字。答案:B填空题1.<form>标记中，_________属性的作用就是指出该表单所对应的处理程序的位置；_________属性用于指定该表单的运行方式。答案:actionmethodmethod属性的取值可以为_________和_________之一，其默认方式是_________。答案:getpostget<input>标记中，_________属性的值是相应处理程序中的变量名；_________属性用于指出用户输入值的类型。答案:nametype<input>标记中,type属性有九种取值，分别是：_________、_________、_________、_________、_________、_________、_________、_________、_________。答案:text、submit、reset、password、checkbox、radio、image、hidden、file当type=text时，<input>标记除了有两个不可默认的属性_________和_________外，还有三个可选的属性：_________、_________和_________。答案:nametypemaxlengthsizevalue当type=_________时，浏览器会在相应位置产生一个图像按钮，其中，_________属性是必需的，它用于设置图像文件的路径。答案:imagesrc7.在网页中用于让客户从一组互斥的选项中在同一个时刻只能选择一项，可使用的表单域是______________。答案:<inputname=radiotype=radiovalue=>8．在HTML网页中，用于定义表单控件的元素有：____________、____________、____________、____________、____________、____________。答案:单行文本输入框提交按钮和重置按钮密码输入框复选框单选框图像按钮文本选择输入框隐藏框多行文本输入框下拉列表框9.已知网页如下图所示，请将代码填写完整。图9-8表单图例<FORM>请输入姓名：<INPUT><BR>请输入密码：<INPUT①><BR>请选择性别：<INPUT②name="gender">男<BR><INPUT③name="gender">女<BR>请选择兴趣：<SELECTmultiplesize=2><OPTION④>运动<OPTION>美术<OPTION>音乐</SELECT></FORM>答案:type=passwordtype=radiotype=radioselected10.表单实际上包含两个重要组成部分：一是描述表单信息的_________，二是用于处理表单数据的服务器端__________。答案:HTML源代码应用程序简答题1.简述表单在动态网页设计中的作用答案：表单担任着服务器端和客户端之间双向服务的前端，提供了如文本框、复选框、按钮等输入界面，当它接受了用户从浏览器上的输入数据或选择并送至服务器后，根据action属性指定的处理程序，按照method定义的数据提交方法(get和post)，将数据准备好提交给位于后端服务器内的CGI程序或服务器端的Script程序（如、JSP）。使用了这种结构的HTML文件将可改变以往一般人对HTML文件只能做静态的、固定的文件展示的印象，大大地增进了网页所提供的信息的多样性。Get方法和Post方法有什么差别答案：尽管get方法与post方法都可以提交数据，但两者在应用上还有很大的差异。get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“”连接，而各个变量之间使用“&”连接；post是将表单中的数据放在表单的数据体中，按照变量和值相对应的方式，传递到action所指向的URL。get是不安全的，因为在传输过程中，数据被放在请求的URL中，而现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中；然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。post的所有操作对用户来说都是不可见的。get传输的数据量小，主要是因为受URL长度限制；而post可以传输大量的数据，所以在上传文件只能使用post。get限制表单的数据集的值必须为ASCII字符；而post支持整个ISO10646字符集。get是表单的默认方法实验题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="重设"/></td></tr></table> </form></body></html>2．完成一个网站的在线问卷调查，效果图如下。答案：源代码文件如下：<html><head><title>调查</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">■同城网在线调查</td></tr><tr><tdwidth="38%"class="bd2">你从哪里知道同城的</td><tdwidth="62%"class="bd4"><selectname="select"><optionvalue="1">网上搜索</option><optionvalue="2">朋友介绍</option><optionvalue="3">广告宣传</option><optionvalue="4">报刊杂志</option><optionvalue="5">其他渠道</option></select></td></tr><tr><tdclass="bd2">你正在使用的同城网服务</td><tdclass="bd4"><inputname="f1"type="checkbox"id="f1"value="社区"/><spanclass="tt2">免费社区</span><inputname="f2"type="checkbox"id="f2"value="留言"/><spanclass="tt2">免费留言簿<inputname="f3"type="checkbox"id="f3"value="投票"/></span><spanclass="tt2">免费投票</span></td></tr><tr>