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

A．提交的方式

B．表单所用的脚本语言

C．提交的URL地址

D．表单的形式

答案: B

6. 在HTML中，，method表示（

A．提交的方式

B．表单所用的脚本语言

C．提交的URL地址

D．表单的形式

答案: A

7. 增加表单的复选框的HTML代码是（ ）。

A．

B．

C．

D．

答案: D

8. 增加表单的密码域的HTML代码是（ ）。

A．

B．

C．

D．

答案: 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中,,action表示()

A. 提交的方式

B. 表单所用的脚本语言

C. 提交的URL地址

D. 表单的形式

答案: C

13. 在HTML中,,method表示()

A. 提交的方式

B. 表单所用的脚本语言

C. 提交的URL地址

D. 表单的形式

答案: A

14. 增加表单的复选框的HTML代码是()

A.

B.

C.

D.

答案: D

15. 增加列表框的HTML代码是()

A.

B.

C.

D.

答案:C

16. 不是表单提供给用户的输入形式是( )

A)Text

B)Radio

C)Type

D)file

答案:C

17. 下列的HTML中哪个可以产生文本框？

A)

B)

C)

D)

答案:C

18. 下列的HTML中哪个可以产生下拉列表？

A)

B)

C)

D)

答案:D

19.在页面中看不见的表单元素是那种？

A)

B)

C)

D)

答案:C

20.在HTML上，将表单中INPUT元素的TYPE属性值设置为（ ）时，用于创建重置按钮。

A. reset

B. set

C. button

D. Image

答案:A

21.阅读以下代码段，则可知（ ）。

A. 上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域

B. 上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域

C. 上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域

D. 上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域

答案:D

22.对于标签，其中*代表GET或（ ）。

A. SET

B. PUT

C. POST

D. INPUT

答案:C

23.对于标签〈input type=*〉，如果希望实现密码框效果，*值是（ ）。

rd

答案:C

24.要在表单里创建一个普通文本框，以下写法中正确的是( )。

A.

B.

C.

D.

答案:D

25.下面对表单的说法错误的是( )。

A.表单在Web 页面中用来给访问者填写信息，从而能采集客户端信息，使页面

具有交互信息的功能。

B.一个表单用

答案:C

29.如果要在表单中，显示如下信息“您用什么方式购买证卷？网上交易、电话交易、经纪人代理”，用户只能从三个选项中选择一项。要实现以上需求，下面HTML语句正确的是（ ）。

A．

您用什么方式购买证卷？

网上交易

电话交易

经纪人代理

B．

您用什么方式购买证卷？

网上交易

电话交易

经纪人代理

C．

您用什么方式购买证卷？

网上交易

电话交易

经纪人代理

D．

您用什么方式购买证卷？

网上交易

电话交易

经纪人代理

答案:B

30. 以下有关按钮的说法中，错误的是： 。

A．可以用图像作为提交按钮。

B．可以用图像作为重置按钮。

C．可以控制提交按钮上的显示文字。

D．可以控制重置按钮上的显示文字。

答案: B

二、 填空题

1.

标记中，_________属性的作用就是指出该表单所对应的处理程序的位置；_________属性用于指定该表单的运行方式。

答案: action method

1. method属性的取值可以为_________和_________之一，其默认方式是_________。

答案: get post get

2. 标记中，_________属性的值是相应处理程序中的变量名；_________属性用于指出用户输入值的类型。

答案: name type

3. 标记中,type属性有九种取值，分别是：_________、_________、_________、_________、_________、_________、_________、_________、_________。

答案: text、submit、reset、password、checkbox、radio、image、hidden、file

4. 当type=text时，标记除了有两个不可默认的属性_________和_________外，还有三个可选的属性：_________、_________和_________。

答案: name type maxlength size value

5. 当type=_________时，浏览器会在相应位置产生一个图像按钮，其中，_________属性是必需的，它用于设置图像文件的路径。

答案: image src

7.在网页中用于让客户从一组互斥的选项中在同一个时刻只能选择一项，可使用的表单域是______________。

答案:

8．在HTML网页中，用于定义表单控件的元素有：____________、____________、____________、____________、____________、____________。

答案: 单行文本输入框 提交按钮和重置按钮 密码输入框 复选框 单选框 图像按钮

文本选择输入框 隐藏框 多行文本输入框 下拉列表框

9. 已知网页如下图所示，请将代码填写完整。

图9-8 表单图例

请输入姓名：

请输入密码：

请选择性别：男

女

请选择兴趣：

运动

美术

音乐

答案: type=password type=radio type=radio selected

10.表单实际上包含两个重要组成部分：一是描述表单信息的_________，二是用于处理表单数据的服务器端__________。

答案: HTML源代码 应用程序

三、 简答题

1.简述表单在动态网页设计中的作用？

答案：表单担任着服务器端和客户端之间双向服务的前端，提供了如文本框、复选框、按钮等输入界面，当它接受了用户从浏览器上的输入数据或选择并送至服务器后，根据action属性指定的处理程序，按照method定义的数据提交方法(get和post)，将数据准备好提交给位于后端服务器内的CGI程序或服务器端的Script程序（如、JSP）。使用了这种结构的HTML文件将可改变以往一般人对HTML文件只能做静态的、固定的文件展示的印象，大大地增进了网页所提供的信息的多样性。

方法和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. 编写如下登录页面。会员需要填写用户名，密码，并能够通过下拉列表选择自己的身份。效果图下所示。

答案：源代码文件如下：

border: 1px solid #999999;

font-size: 12px;

height: 14px;

margin: 0px;

padding: 1px;

background-color: #E6E6E6;

border: 1px solid #666666;

font-size: 13px;

会员登陆
用户名:
密  码:
个人会员 商家会员 超级管理员

2．完成一个网站的在线问卷调查，效果图如下。

答案：源代码文件如下：

font-size: 13px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #CCD8E6;

font-size: 13px;

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;

id="form1"> ■同城网在线调查 你从哪里知道同城的 网上搜索 朋友介绍 广告宣传 报刊杂志 其他渠道 你正在使用的同城网服务 免费社区 免费留言簿 免费投票 你希望我们提供哪些新服务 聊天室 博客 游戏系统 你是同城网的会员吗 是 不是 你对同城网的其他意见 <p style="text-indent: 2em;";>wrap="physical" id="yijian">

rows="10"