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

《网页设计与开发第7章》试卷
一、 选择题
1。 下列关于表单的说法不正确的一项是( ）.
A．表单元素可以单独存在于网页表单之外
B．表单中包含各种对象，例如文本域、列表框、复选框和单选按钮
C．get和post方法是浏览器将表单信息提交给服务器程序的两种主要方法
D．表单由两部分组成：一是描述表单的HTML源代码；二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本
答案： A
2。 下列不是表单域的控件是( ）。
A．单行文本框     
B．复选框 
C．下拉菜单      
 D．图文框
答案： D
3。 HTML语言中表单的作用是（ ）。
A．显示图像
B．设置超链接
C．收集用户反馈信息
D．显示网页信息
答案: C
4。 有如下一行代码〈input type="text” name="txt”〉 请问它的功能是（ ）。
A．创建一个文本框
B．创建一个密码框
C．创建一个文本域
D．创建一个按钮
答案： A
5。 在HTML中，〈form action=？>，action表示（ ）。
A．提交的方式
B．表单所用的脚本语言
C．提交的URL地址
D．表单的形式
答案: B
6。 在HTML中，<form method=？〉,method表示（ ）。
A．提交的方式
B．表单所用的脚本语言
C．提交的URL地址
D．表单的形式
答案： A
7。 增加表单的复选框的HTML代码是（ ）。
A．<input type=submit〉
B．<input type= image >
C．<input type=text〉
D．〈input type=checkbox>
答案: D
8。 增加表单的密码域的HTML代码是（ ）。
A．〈input type=submit>
B．<input type=password>
C．〈input type=radio>
D．〈input type=checkbox〉
答案： B
9。 创建选项菜单应使用以下标记符（ ）。
A．SELECT 和 OPTION
B．INPUT 和 LABEL
C．INPUT
D．INPUT 和 OPTION
10。在指定单选框时，只有将以下 属性的值指定为相同，才能使它们成为一组。
A．type
B．name
C．value
D．checked
答案： B
11. 以下有关表单的说明中，错误的是： 。
A．表单通常用于搜集用户信息。
B．在 FORM 标记符中使用 action 属性指定表单处理程序的位置。
C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。
D．在 FORM 标记符中使用 method 属性指定提交表单数据的方法。
答案： C
12。  在HTML中,〈form action=？〉,action表示（)
A. 提交的方式
B. 表单所用的脚本语言
C。 提交的URL地址
D. 表单的形式
答案： C
13。  在HTML中,〈form method=?〉,method表示(）
A。 提交的方式
B. 表单所用的脚本语言
C。 提交的URL地址
D。 表单的形式
答案： A
14. 增加表单的复选框的HTML代码是()
A.〈input type=submit>
B.〈input type=iamge>
C.<input type=text>
D。〈input type=checkbox>
答案： D
15。 增加列表框的HTML代码是(）
A.<input type=submit>〈/input>
B。<textarea name="textarea"></textarea〉
C.<select multiple〉</select>  
D.<input type=checkbox〉</input>
答案:C
16. 不是表单提供给用户的输入形式是( ）
A)Text
B）Radio
C）Type
D）file
答案：C
17. 下列的HTML中哪个可以产生文本框?
A）  <input type="textfield”〉
B）  〈text input type="text"〉
C)  <input type="text”〉
D）  <text field>
答案:C
18。 下列的HTML中哪个可以产生下拉列表？
A)  〈list〉
B）  <input type="list”〉
C)  〈input type="dropdown”>
D)  〈select〉
答案：D
19。在页面中看不见的表单元素是那种？
A)<input type="password"></input〉
B）<input type=”radio”〉〈/input>
C)〈input type=”hidden”〉</input〉
D)〈input type=”reset">〈/input〉
答案:C
20。在HTML上，将表单中INPUT元素的TYPE属性值设置为( ）时,用于创建重置按钮。
A. reset
B. set
C. button
D. Image
答案：A
21。阅读以下代码段，则可知（ ）。
〈INPUT type=”text" name=”textfield”〉
〈INPUT type="radio” name="radio” value=”女"〉
<INPUT type="checkbox” name="checkbox" value=”checkbox”>
<INPUT type="file” name=”file”〉
A. 上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域
B. 上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域
C. 上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域
D. 上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域
答案:D
22。对于〈FORM action=″URL″ method=＊>标签,其中*代表GET或（ ）。
A. SET
B. PUT
C. POST
D. INPUT
答案:C
23.对于标签〈input type=＊>，如果希望实现密码框效果，＊值是（ ）。
A。hidden
B。text
C.password
D.Submit
答案：C
24.要在表单里创建一个普通文本框,以下写法中正确的是（ ）。
A.<INPUT〉
B。〈INPUT type=”password”〉
C。<INPUT type="checkbox”>
D。<INPUT type="radio">
答案：D
25。下面对表单的说法错误的是( ）。
A。表单在Web 页面中用来给访问者填写信息，从而能采集客户端信息,使页面
具有交互信息的功能.
B.一个表单用〈form〉</form〉标志来创建
C。action属性的值是指处理程序的程序名(包括网络路径，网址或相对路径)
D.method属性用来定义处理程序从表单中获得信息的方式,可取值为GET和POST
中的一个。其中POST方式传送的数据量比较小.
答案:D
26。下面对与按钮的说法中错误的是（ ）。
A.按钮可分为普通按钮、提交按钮和重置按钮
B。〈input type=”button">表示这是个提交到服务器的按钮
C。〈input type=”RESET"〉表示这是个重置按钮
D.name属性用来指定按钮名称
答案:B
27。下面说法中错误的是（ ）。
A。<input type="CHECKBOX" checked〉，其中checked属性用来设置该复选框缺
省时是否被选中。
B.<input type="HIDDEN"〉表示一个隐藏区域。用户可以在其中输入某些要传送
的信息
C。<input type=”PASSWARD"〉表示这是个密码区域。当用户输入密码时，区域内将
会显示“＊"号
D.〈input type=”RADIO"〉表示这是一个单选按钮
答案：B
28。要在表单中添加提交按钮,实现在用户单击“提交"按钮时，自动将表单提交到ACTION属性中指定的位置.下列语句正确的是(）。
A．<FORM METHOD="POST” ACTION="http：//www.xmission。com">
〈INPUT TYPE=”button” VALUE=”提交” NAME=”b1"〉
</FORM>
B．<FORM METHOD=”POST" ACTION="http：//”>
<INPUT TYPE="reset” VALUE=”提交" NAME="reset1”>
</FORM〉
C．〈FORM METHOD="POST" ACTION=”http：//>
〈INPUT TYPE="submit" VALUE="提交” NAME=”submit1">
〈/FORM>
D．〈FORM METHOD=”POST" ACTION="”〉
<BUTTON TYPE=”submit" VALUE="提交” NAME=”b1"〉<BUTTON>
</FORM>
答案：C
29.如果要在表单中,显示如下信息“您用什么方式购买证卷？网上交易、电话交易、经纪人代理”,用户只能从三个选项中选择一项。要实现以上需求，下面HTML语句正确的是（ )。
A．〈P〉〈B〉您用什么方式购买证卷？〈B〉<P〉
〈INPUT TYPE="CHECKBOX” NAME="ch1" VALUE=”c1"〉网上交易
〈INPUT TYPE=”CHECKBOX” NAME="ch2” VALUE=”c2”>电话交易
〈INPUT TYPE=”CHECKBOX" NAME=”ch3" VALUE=”c3”>经纪人代理
B．〈P〉〈B〉您用什么方式购买证卷？〈B>〈P〉
<INPUT TYPE="RADIO" NAME="radio1" VALUE=”r1"〉网上交易
〈INPUT TYPE=”RADIO" NAME="radio2” VALUE=”r2”〉电话交易
〈INPUT TYPE="RADIO" NAME="radio3" VALUE=”r3"〉经纪人代理
C．<P〉〈B>您用什么方式购买证卷？〈B>〈P>
<SELECT NAME=”select1” MULTIPLE=”TRUE”>
〈OPTION VALUE="网上交易"〉网上交易</OPTION〉
〈OPTION VALUE="电话交易”〉电话交易〈/OPTION〉
<OPTION VALUE=”经纪人代理">经纪人代理〈/OPTION>
D．<P>〈B>您用什么方式购买证卷？<B>〈P>
<SELECT NAME=”select1">
<OPTION VALUE=”网上交易"〉网上交易〈/OPTION〉
〈OPTION VALUE=”电话交易">电话交易</OPTION〉
<OPTION VALUE="经纪人代理"〉经纪人代理〈/OPTION〉
答案:B
30。 以下有关按钮的说法中，错误的是： 。
A．可以用图像作为提交按钮.
B．可以用图像作为重置按钮。
C．可以控制提交按钮上的显示文字.
D．可以控制重置按钮上的显示文字。
答案: B
二、 填空题
1。 〈form>标记中,_________属性的作用就是指出该表单所对应的处理程序的位置;_________属性用于指定该表单的运行方式。
答案: action method
1. method属性的取值可以为_________和_________之一，其默认方式是_________。
答案： get post get
2. 〈input>标记中,_________属性的值是相应处理程序中的变量名;_________属性用于指出用户输入值的类型。
答案： name type
3. 〈input>标记中，type属性有九种取值，分别是:_________、_________、_________、_________、_________、_________、_________、_________、_________。
答案： text、submit、reset、password、checkbox、radio、image、hidden、file
4. 当type=text时，<input>标记除了有两个不可默认的属性_________和_________外，还有三个可选的属性:_________、_________和_________.
答案： name type maxlength size value
5. 当type=_________时，浏览器会在相应位置产生一个图像按钮，其中，_________属性是必需的，它用于设置图像文件的路径。
答案: image src
7.在网页中用于让客户从一组互斥的选项中在同一个时刻只能选择一项，可使用的表单域是______________.
答案: <input name=radio type=radio value= >
8．在HTML网页中，用于定义表单控件的元素有：____________、____________、____________、____________、____________、____________。
答案： 单行文本输入框 提交按钮和重置按钮 密码输入框 复选框 单选框 图像按钮 文本选择输入框 隐藏框 多行文本输入框 下拉列表框
9. 已知网页如下图所示，请将代码填写完整。

图9—8 表单图例
〈FORM>
请输入姓名：〈INPUT〉<BR>
请输入密码：<INPUT ① 〉〈BR〉
请选择性别：〈INPUT ② name="gender"〉男<BR〉
<INPUT ③ name="gender">女<BR〉
请选择兴趣：〈SELECT multiple size=2>
〈OPTION ④ 〉运动
〈OPTION〉美术
<OPTION >音乐
</SELECT>
</FORM〉
答案: type=password type=radio type=radio selected
10。表单实际上包含两个重要组成部分:一是描述表单信息的_________,二是用于处理表单数据的服务器端__________.
答案: HTML源代码 应用程序
三、 简答题
1.简述表单在动态网页设计中的作用?
答案：表单担任着服务器端和客户端之间双向服务的前端，提供了如文本框、复选框、按钮等输入界面，当它接受了用户从浏览器上的输入数据或选择并送至服务器后,根据action属性指定的处理程序,按照method定义的数据提交方法(get和post)，将数据准备好提交给位于后端服务器内的CGI程序或服务器端的Script程序（如ASP。NET、JSP）。使用了这种结构的HTML文件将可改变以往一般人对HTML文件只能做静态的、固定的文件展示的印象,大大地增进了网页所提供的信息的多样性。
2. Get方法和Post方法有什么差别？
答案：尽管get方法与post方法都可以提交数据，但两者在应用上还有很大的差异。
(1) get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?"连接，而各个变量之间使用“&”连接;post是将表单中的数据放在表单的数据体中,按照变量和值相对应的方式，传递到action所指向的URL.
(2) get是不安全的，因为在传输过程中,数据被放在请求的URL中，而现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中；然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据,一些系统内部消息将会一同显示在用户面前.post的所有操作对用户来说都是不可见的.
(3) get传输的数据量小，主要是因为受URL长度限制；而post可以传输大量的数据，所以在上传文件只能使用post。
(4) get限制表单的数据集的值必须为ASCII字符；而post支持整个ISO10646字符集。
(5) get是表单的默认方法
四、 实验题
1。 编写如下登录页面。会员需要填写用户名,密码，并能够通过下拉列表选择自己的身份.效果图下所示.

答案：源代码文件如下：
<html>
<head〉
<title〉用户登陆〈/title〉
〈style type="text/css"〉
<!——
。tt2 ｛
font—size: 13px;
｝
.fk ｛
font-size: 12px;
height: 14px；
margin: 0px;
padding： 1px;
background-color: ＃E6E6E6；
border： 1px solid #666666;
}
.bd3 {
border： 1px solid #999999;
}
--〉
</style>
</head〉
<body>
〈form id=”form1" name="form1” method="post” action="">
〈table width=”200” border=”0” align=”center” cellpadding="4" cellspacing=”0" class=”bd3"〉
<tr>
〈td width="28%" class="tt2” colspan=”2” align=”center”〉会员登陆</td>
〈/tr〉
〈tr〉
<td width="28％" class=”tt2"〉用户名：</td〉
<td width="72％”><input name="textfield” type=”text” class=”fk” size="16" />〈/td〉
</tr〉
<tr〉
〈td class=”tt2”>密＆nbsp;＆nbsp;码:</td〉
〈td〉<input name="textfield2” type=”password" class=”fk" size="16" />〈/td〉
</tr〉
〈tr>
〈td colspan=”2” align="center">〈select name=”select" class="fk”〉
〈option value=”B1"〉个人会员</option〉
<option value=”B2"〉商家会员</option〉
<option value=”B3”〉超级管理员</option>
〈/select>
</td>
〈/tr>
<tr>
〈td colspan=”2" align=”center”><input type=”submit" name=”Submit" value=”登陆” />
<input type=”reset" name=”Submit2” value="重设" /></td〉
</tr〉
〈/table〉
〈/form〉
〈/body>
〈/html>
2．完成一个网站的在线问卷调查,效果图如下.

答案：源代码文件如下：
<html>
<head〉
〈title>调查〈/title>
<style type="text/css"〉
<！—-
。tt1 {
font—size: 14px;
color： #FFFFFF;
}
。bd1 ｛
border： 1px solid #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>
<table width=”450” border=”0" align="center" cellpadding="0” cellspacing="0”>
〈tr>
<td〉〈form action="mailto：jiangjj1121＠yahoo。com” method=”post” name="form1” id=”form1”〉
〈table width=”100%” border="0" cellpadding="5" cellspacing=”0" class=”bd1"〉
〈tr〉
〈td colspan="2" bgcolor="＃FF6600" class=”tt1”〉■同城网在线调查</td〉
</tr〉
<tr〉
<td width="38%" class="bd2">你从哪里知道同城的</td>
〈td width="62%” class=”bd4”>〈select name="select”>
〈option value=”1”>网上搜索</option〉
〈option value="2"〉朋友介绍〈/option〉
〈option value=”3”>广告宣传〈/option>
〈option value="4"〉报刊杂志</option〉
〈option value=”5”>其他渠道</option>
</select〉
〈/td>
</tr〉
<tr〉
<td class="bd2">你正在使用的同城网服务〈/td>
〈td class="bd4">〈input name="f1" type=”checkbox" id="f1" value=”社区" />
〈span class="tt2”> 免费社区〈/span>
〈input name=”f2" type="checkbox" id=”f2" value=”留言" /〉
<span class=”tt2”〉
免费留言簿
<input name=”f3” type="checkbox” id="f3" value="投票" /〉
</span> <span class="tt2”〉 免费投票</span>〈/td>
</tr>
<tr〉
〈td class="bd2”>你希望我们提供哪些新服务</td>
<td class=”bd4"〉<input name=”nf1" type="checkbox" id="nf1” value=”1" /〉
聊天室
〈input name="nf2” type="checkbox” id="nf2" value=”2" />
博客
<input name="nf3" type=”checkbox” id=”nf3" value="3" /〉
游戏系统</td〉
〈/tr〉
<tr>
〈td class="bd2”>你是同城网的会员吗</td〉
<td class="bd4">
〈label>
<span class=”tt2”>
<input type="radio" name=”huiyuan” value=”1" />
是</span〉</label>
〈span class=”tt2”>
〈label〉
〈input type=”radio” name="huiyuan” value=”0" />
不是</label〉
</span〉〈/td>
〈/tr>
<tr>
<td valign="top” class="bd2”>你对同城网的其他意见〈/td>
<td class="bd4”>〈textarea name=”yijian” cols="30" rows=”10” wrap="physical" id="yijian”></textarea〉</td〉
〈/tr>
〈tr〉
〈td>＆nbsp;</td〉
〈td><input type="submit" name=”Submit” value=”提交" /〉〈/td>
〈/tr>
</table〉
</form>
〈/td>
</tr>
〈/table>
〈/body>
</html〉