专题十六 表单与表单对象《网页设计》 45分钟专题训练（山东省）

· 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十六 表单与表单对象 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.在Dreamweaver CC中，创建表单时默认的表单方法是（ ） A.GET B.POST C.PUT D.DELETE 2.下列标记中，用于定义HTML表单的是（ ） A.<form> B.<input> C.<formarea> D.<data> 3.在Dreamweaver CC的“插入”面板中，表单对象位于哪个类别下（ ） A.常用 B.布局 C.表单 D.文本 4.若要让用户在表单中输入多行文本，应选择的表单对象是（ ） A.文本字段 B.文本区域 C.密码字段 D.隐藏域 5.下列关于表单“动作”（Action）属性的描述，正确的是（ ） A.用于指定表单数据的提交方式 B.用于指定处理表单数据的服务器端脚本文件路径 C.用于设置表单的显示样式 D.用于定义表单的名称 6.在Dreamweaver CC中，插入“单选按钮”时，为实现互斥效果，必须保证多个单选按钮的（ ）属性值相同 A.Name B.Id C.Value D.Type 7.下列表单对象中，用于实现“多选”功能的是（ ） A.单选按钮 B.复选框 C.列表/菜单 D.按钮 8.在Dreamweaver CC的表单属性面板中，“目标”（Target）属性的作用是（ ） A.设定表单数据的提交格式 B.设定处理表单数据的服务器地址 C.设定表单提交后结果页面的显示位置 D.设定表单的验证规则 9.若要创建一个用于提交表单数据的按钮，应将<input>标记的type属性设置为（ ） A.button B.submit C.reset D.image 10.在Dreamweaver CC中，“隐藏域”表单对象的主要作用是（ ） A.隐藏表单中不需要用户看到的其他对象 B.存储需要提交到服务器但无需用户输入或修改的数据 C.实现表单的动态显示与隐藏效果 D.提高表单的安全性，防止数据被篡改 11.下列关于“列表/菜单”表单对象的描述，错误的是（ ） A.可通过“属性”面板设置其为“列表”或“菜单”模式 B.“菜单”模式默认只显示一个选项，需点击展开 C.“列表”模式可显示多个选项，支持滚动条 D.无论哪种模式，都只能允许用户选择一个选项 12.在Dreamweaver CC中，为表单对象添加“必填项”验证，应在哪个面板中操作（ ） A.属性面板 B.行为面板 C.代码面板 D.文件面板 13.下列标记中，与<input type="checkbox">功能对应的表单对象是（ ） A.单选按钮 B.复选框 C.下拉菜单 D.文本区域 14.在表单中，若要让用户输入的密码以星号（*）显示，应使用的表单对象是（ ） A.单行文本字段 B.密码字段 C.文本区域 D.隐藏域 15.下列关于表单“方法”（Method）属性的描述，错误的是（ ） A.GET方法将表单数据附加在URL后面提交 B.POST方法将表单数据封装在HTTP请求体中提交 C.GET方法适合提交大量敏感数据 D.POST方法的提交数据大小限制比GET方法宽松 16.在Dreamweaver CC中，插入表单对象后，若要快速修改其名称属性，应使用（ ） A.代码视图直接编辑 B.属性面板 C.查找和替换功能 D.模板面板 17.下列表单对象中，不能直接接收用户输入内容的是（ ） A.按钮 B.文本字段 C.密码字段 D.文本区域 18.在Dreamweaver CC中，创建“文件域”表单对象的主要目的是（ ） A.让用户输入文件路径 B.实现文件上传功能 C.显示服务器上的文件列表 D.关联本地文件 19.下列关于“重置”按钮的描述，正确的是（ ） A.点击后将表单数据提交到服务器 B.点击后将表单中所有对象的值恢复为默认值 C.点击后将清空表单中所有用户输入的值 D.点击后将关闭当前表单所在的网页 20.在HTML表单中，<label>标记的主要作用是（ ） A.定义表单的标题 B.关联表单标签与表单对象 C.设置表单的布局 D.验证表单数据 21.在Dreamweaver CC中，若要为表单对象添加“数值范围”验证，应选择的行为是（ ） A.检查表单 B.检查插件 C.交换图像 D.弹出消息 22.下列表单对象中，属于“按钮”类别的是（ ） A.单选按钮 B.提交按钮 C.复选框 D.列表/菜单 23.在Dreamweaver CC的“表单”插入面板中，“图像域”的作用是（ ） A.在表单中插入用于显示的图像 B.实现以图像为样式的提交按钮功能 C.让用户上传图像文件 D.关联图像与表单数据 24.下列关于表单数据提交的描述，正确的是（ ） A.表单数据只能提交到PHP脚本文件 B.表单数据可以提交到ASP、JSP等多种服务器端脚本文件 C.表单提交后必须跳转到新的网页 D.表单数据提交时必须使用POST方法 25.在Dreamweaver CC中，创建表单后，表单区域默认显示为（ ） A.红色虚线框 B.蓝色实线框 C.灰色虚线框 D.无明显边框 二、简答题（共4小题，每题5分，共20分） 1.简述表单的组成及其作用 2. 简述表单对象的组成及其作用 3. 简述插入表单的方法 4. 简述向服务器发送表单数据的方法 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在为网站设计会员注册界面，完成表单部分如图所示，请帮忙完成下列要求。 （1）补全图示表单缺失的内容。 （2）单击“提交”按钮时，网页会检查以下内容：姓名密码为必填项，E-mail为邮箱地址。 2. 如何为表单添加姓名文本域？若需要文本框最多只能输入20个字符，该如何操作？ 3.请为选课表单添加菜单项，选修科目分别为美术、舞蹈、音乐。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ · 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十六 表单与表单对象 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.在Dreamweaver CC中，创建表单时默认的表单方法是（ ） A. GET B. POST C. PUT D. DELETE 【答案】A 【解析】Dreamweaver CC中创建表单时，方法（Method）属性默认值为GET。GET方法将表单数据附加在URL后提交，POST方法则将数据封装在请求体中，PUT和DELETE并非表单常用提交方法 2. 下列标记中，用于定义HTML表单的是（ ） A. <form> B. <input> C. <formarea> D. <data> 【答案】A 【解析】HTML中用于定义表单的核心标记是<form>，<input>用于定义具体表单对象，<formarea>和<data>并非表单相关标准标记 3. 在Dreamweaver CC的“插入”面板中，表单对象位于哪个类别下（ ） A. 常用 B. 布局 C. 表单 D. 文本 【答案】C 【解析】Dreamweaver CC的“插入”面板中，专门设有“表单”类别，包含所有表单对象（如文本字段、单选按钮等），常用、布局、文本类别中无表单对象 4. 若要让用户在表单中输入多行文本，应选择的表单对象是（ ） A. 文本字段 B. 文本区域 C. 密码字段 D. 隐藏域 【答案】B 【解析】文本区域（Textarea）用于接收用户输入的多行文本，文本字段（单行）和密码字段均为单行输入，隐藏域不用于用户输入 5. 下列关于表单“动作”（Action）属性的描述，正确的是（ ） A. 用于指定表单数据的提交方式 B. 用于指定处理表单数据的服务器端脚本文件路径 C. 用于设置表单的显示样式 D. 用于定义表单的名称 【答案】B 【解析】表单的“动作”（Action）属性用于指定处理表单数据的服务器端脚本文件（如PHP、ASP）的路径；提交方式由Method属性控制，显示样式由CSS控制，名称由Name属性定义 6. 在Dreamweaver CC中，插入“单选按钮”时，为实现互斥效果，必须保证多个单选按钮的（ ）属性值相同 A. Name B. Id C. Value D. Type 【答案】A 【解析】单选按钮实现互斥的核心是多个单选按钮的Name属性值相同，Id属性用于标识单个元素，Value属性是提交到服务器的值，Type属性均为“radio” 7. 下列表单对象中，用于实现“多选”功能的是（ ） A. 单选按钮 B. 复选框 C. 列表/菜单 D. 按钮 【答案】B 【解析】复选框（Checkbox）允许用户同时选择多个选项，单选按钮仅允许选一个，列表/菜单可设置为单选或多选（默认单选），按钮不用于选择功能 8. 在Dreamweaver CC的表单属性面板中，“目标”（Target）属性的作用是（ ） A. 设定表单数据的提交格式 B. 设定处理表单数据的服务器地址 C. 设定表单提交后结果页面的显示位置 D. 设定表单的验证规则 【答案】C 【解析】表单的“目标”（Target）属性用于设定表单提交后，服务器返回结果页面的显示位置（如_blank新窗口、_self当前窗口等），A对应Method属性，B对应Action属性，D对应表单验证功能 9. 若要创建一个用于提交表单数据的按钮，应将<input>标记的type属性设置为（ ） A. button B. submit C. reset D. image 【答案】B 【解析】<input type="submit">定义提交按钮，点击后提交表单数据；type="button"是普通按钮（需绑定事件），type="reset"是重置按钮，type="image"是图像提交按钮 10. 在Dreamweaver CC中，“隐藏域”表单对象的主要作用是（ ） A. 隐藏表单中不需要用户看到的其他对象 B. 存储需要提交到服务器但无需用户输入或修改的数据 C. 实现表单的动态显示与隐藏效果 D. 提高表单的安全性，防止数据被篡改 【答案】B 【解析】：隐藏域（Hidden）用于存储需要提交到服务器但无需用户可见或修改的数据（如页面标识、用户ID等），不具备隐藏其他对象或动态显示隐藏的功能 11. 下列关于“列表/菜单”表单对象的描述，错误的是（ ） A. 可通过“属性”面板设置其为“列表”或“菜单”模式 B. “菜单”模式默认只显示一个选项，需点击展开 C. “列表”模式可显示多个选项，支持滚动条 D. 无论哪种模式，都只能允许用户选择一个选项 【答案】D 【解析】“列表/菜单”对象中，“列表”模式可通过设置“允许多选”属性实现多选项选择，“菜单”模式默认单选，因此D选项描述错误 12. 在Dreamweaver CC中，为表单对象添加“必填项”验证，应在哪个面板中操作（ ） A. 属性面板 B. 行为面板 C. 代码面板 D. 文件面板 【答案】B 【解析】Dreamweaver CC中，为表单对象添加验证功能（如必填项、数值范围等）需通过“行为”面板中的“检查表单”行为实现，属性面板仅设置基本属性 13. 下列标记中，与<input type="checkbox">功能对应的表单对象是（ ） A. 单选按钮 B. 复选框 C. 下拉菜单 D. 文本区域 【答案】B 【解析】<input type="checkbox">对应的表单对象是复选框，type="radio"对应单选按钮，下拉菜单由<select>和<option>标记定义 14. 在表单中，若要让用户输入的密码以星号（*）显示，应使用的表单对象是（ ） A. 单行文本字段 B. 密码字段 C. 文本区域 D. 隐藏域 【答案】B 【解析】密码字段（Password）的核心特点是用户输入内容以星号（*）或点号显示，保护输入隐私，单行文本字段正常显示输入内容 15. 下列关于表单“方法”（Method）属性的描述，错误的是（ ） A. GET方法将表单数据附加在URL后面提交 B. POST方法将表单数据封装在HTTP请求体中提交 C. GET方法适合提交大量敏感数据 D. POST方法的提交数据大小限制比GET方法宽松 【答案】C 【解析】GET方法因数据附加在URL后，安全性低且有长度限制，不适合提交大量敏感数据；POST方法数据封装在请求体中，更安全、长度限制宽松 16. 在Dreamweaver CC中，插入表单对象后，若要快速修改其名称属性，应使用（ ） A. 代码视图直接编辑 B. 属性面板 C. 查找和替换功能 D. 模板面板 【答案】B 【解析】Dreamweaver CC的属性面板是修改表单对象属性（如名称、值、类型等）的最快捷方式，选中表单对象后，属性面板会显示其相关属性，无需直接编辑代码 17. 下列表单对象中，不能直接接收用户输入内容的是（ ） A. 按钮 B. 文本字段 C. 密码字段 D. 文本区域 【答案】A 【解析】按钮（如提交、重置、普通按钮）的作用是触发操作（提交数据、重置表单等），不能直接接收用户输入；文本字段、密码字段、文本区域均用于接收用户输入 18. 在Dreamweaver CC中，创建“文件域”表单对象的主要目的是（ ） A. 让用户输入文件路径 B. 实现文件上传功能 C. 显示服务器上的文件列表 D. 关联本地文件 【答案】B 【解析】文件域（File）是实现文件上传功能的表单对象，用户可通过其选择本地文件并提交到服务器，并非输入文件路径或显示文件列表 19. 下列关于“重置”按钮的描述，正确的是（ ） A. 点击后将表单数据提交到服务器 B. 点击后将表单中所有对象的值恢复为默认值 C. 点击后将清空表单中所有用户输入的值 D. 点击后将关闭当前表单所在的网页 【答案】B 【解析】重置按钮（Reset）的功能是将表单中所有对象的值恢复为初始默认值，并非清空所有值（若默认值非空则保留默认值）；提交按钮用于提交数据 20. 在HTML表单中，<label>标记的主要作用是（ ） A. 定义表单的标题 B. 关联表单标签与表单对象 C. 设置表单的布局 D. 验证表单数据 【答案】B 【解析】<label>标记用于将表单标签与对应的表单对象关联（通过for属性绑定对象的id），提升表单可访问性，不用于定义标题、设置布局或验证数据 21. 在Dreamweaver CC中，若要为表单对象添加“数值范围”验证，应选择的行为是（ ） A. 检查表单 B. 检查插件 C. 交换图像 D. 弹出消息 【答案】A 【解析】“行为”面板中的“检查表单”功能可设置多种验证规则，包括数值范围、邮箱格式、必填项等，是客户端表单验证的核心方法；其他行为与数据验证无关 22. 下列表单对象中，属于“按钮”类别的是（ ） A. 单选按钮 B. 提交按钮 C. 复选框 D. 列表/菜单 【答案】B 【解析】按钮类别表单对象包括提交按钮、重置按钮、普通按钮和图像域（图像提交按钮）；单选按钮、复选框属于选择类对象，列表/菜单属于列表类对象 23. 在Dreamweaver CC的“表单”插入面板中，“图像域”的作用是（ ） A. 在表单中插入用于显示的图像 B. 实现以图像为样式的提交按钮功能 C. 让用户上传图像文件 D. 关联图像与表单数据 【答案】B 【解析】图像域（Image Field）本质是一种提交按钮，以图像作为显示样式，点击后触发表单提交；插入显示图像用<img>标记，文件域用于上传图像 24. 下列关于表单数据提交的描述，正确的是（ ） A. 表单数据只能提交到PHP脚本文件 B. 表单数据可以提交到ASP、JSP等多种服务器端脚本文件 C. 表单提交后必须跳转到新的网页 D. 表单数据提交时必须使用POST方法 【答案】B 【解析】表单数据可提交到多种服务器端脚本文件，如PHP、ASP、JSP等，并非仅限PHP；提交后可在当前页面显示结果（通过服务器端脚本输出），提交方法可选择GET或POST 25. 在Dreamweaver CC中，创建表单后，表单区域默认显示为（ ） A. 红色虚线框 B. 蓝色实线框 C. 灰色虚线框 D. 无明显边框 【答案】C 【解析】在Dreamweaver CC的设计视图中，表单区域默认显示为灰色虚线框，便于开发者识别表单范围，该边框仅在设计视图可见，预览时不显示 二、简答题（共4小题，每题5分，共20分） 1.简述表单的组成及其作用 【答案】见解析 【解析】一个完整的表单由两部分组成，表单对象和应用程序。其中表单对象就是HTML源代码，起描述作用；应用程序是服务器和客户端的交互，通过它们实现对用户信息的处理，不使用处理脚本或应用程序就不能搜集表单数据。 2. 简述表单对象的组成及其作用 【答案】见解析 【解析】一个完整的表单对象有三个基本组成部分： （1）表单标签：包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。多数情况下，我们通常将表单标签称为表单。 （2）表单域：包含了文本字段、密码字段、隐藏域、文本区域、复选框、单选按钮、列表/菜单和文件域等。 （3）表单按钮：包括提交按钮、重置按钮和普通按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 3. 简述插入表单的方法 【答案】见解析 【解析】首先将光标先定位到要插入表单位置，然后使用以下操作之一： ◉选择“插入→表单→表单”命令。 ◉单击 插入面板“表单”类别中的表单按钮 4. 简述向服务器发送表单数据的方法 【答案】见解析 【解析】 在HTML表单中，可以通过设置表单的“method”属性来指定使用哪种方法提交数据。主要有两种方法： ①GET方法是将表单数据附加在URL后面，以查询字符串的形式提交到服务器，适合提交少量非敏感数据，安全性较低，且有长度限制。 ②POST方法则是将表单数据封装在HTTP请求体中提交到服务器，适合提交大量敏感数据，安全性较高，且长度限制相对宽松。 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在为网站设计会员注册界面，完成表单部分如图所示，请帮忙完成下列要求。 （1）补全图示表单缺失的内容。 【答案】见解析 【解析】 ①密码文本框：光标定位到“密码”处，通过菜单命令“插入→表单→文本域”插入单行文本，并设置其类别为密码文本（input type="password"） ②性别单选按钮组：光标定位到“性别”处，通过菜单命令“插入→表单→单选按钮”插入选项，选值分别为“男”（value="male"）和“女”（value="female"），添加对应标签关联按钮。 （2）单击“提交”按钮时，网页会检查以下内容：姓名密码为必填项，E-mail为邮箱地址。 【答案】见解析 【解析】 ①选中“提交”按钮，“窗口→行为”命令打开“行为”面板，点击“+”号选择“检查表单”。 ②在弹出的对话框中，通过“域”列表选择对应文本字段“姓名”“密码”，并分别勾选值为“必需”，通过“域”列表选择“E-mail”字段，在可接受区勾选“电子邮件地址”。F12保存并预览网页。 2. 如何为表单添加姓名文本域？若需要文本框最多只能输入20个字符，该如何操作？ 【答案】见解析 【解析】 ①将光标定位到表单需要插入姓名文本域的位置，通过菜单命令“插入→表单→文本域”，在弹出的对话框中设置文本域的名称（如“name”）、字符宽度（如“20” ）等属性，点击确定即可插入。 ②选中刚插入的姓名文本域，在属性面板中找到“最大字符数”选项，将其值设置为“20”。 3.请为选课表单添加菜单项，选修科目分别为美术、舞蹈、音乐。 【答案】见解析 【解析】 ①将光标定位到选课表单中需要添加菜单项的位置，通过菜单命令“插入→表单→列表/菜单”，在弹出的对话框中设置列表/菜单的名称（如“course”），类型选择“菜单”，点击确定后会在表单中插入一个空的下拉菜单。 ②选中该下拉菜单，在属性面板中单击“列表值”按钮，在弹出的对话框中依次添加选项，选项标签分别输入“美术”“舞蹈”“音乐”，对应的值也分别设置为“美术”“舞蹈”“音乐”，添加完成后点击确定。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $