单元六 任务5 使用表单 （练习）-《计算机网络应用基础》（高教版）同步精品课堂

6.5：使用表单 一、单项选择题 1．下列属于表单基本组成部分的是（ ）​ A. 表格​ B. 表单标记​ C. 图片​​​ D. 音频 【答案】B 【解析】表单的基本组成包括表单标记、表单域和表单按钮。 2. 表单标记的正确写法是（ ）​ A. <table>​ B. <form>​ C. <input>​ D. <button> 【答案】B 【解析】<form>是表单标记，用于定义表单；<table>是表格标记；<input>用于定义表单域；<button>是按钮标记。 3. 在表单标记中，用于指定表单数据提交地址的属性是（ ）​ A. name​ B. id​ C. action​ D. class 【答案】C 【解析】action 属性指定表单数据提交到的服务器地址；name 用于定义元素的名称；id 用于标识元素；class 用于定义元素的类。 4. 下列属于提交按钮代码的是（ ）​ A. <input type="submit">​ B. <input type="reset">​ C. <input type="button">​ D. <input type="image"> 【答案】A 【解析】<input type="submit">是提交按钮，用于提交表单数据；<input type="reset">是重置按钮；<input type="button">是普通按钮；<input type="image">是图像按钮。 5. 设置文本框默认值的属性是（ ）​ A. default​ B. content​ C. text​ D. value 【答案】D 【解析】value 属性可以为文本框、密码框等表单域设置默认值。 6. 在表单中，重置按钮的作用是（ ）​ A. 提交表单数据​ B. 清除表单中的所有输入内容，恢复默认值​ C. 关闭表单页面​ D. 跳转至其他页面 【答案】B 【解析】重置按钮的作用是清除表单中的输入内容，恢复到初始状态；提交按钮用于提交数据。 7. 下列代码中，定义名称为 “username” 的文本框是（ ）​ A. <input type="text" id="username">​ B. <input type="text" name="username">​ C. <input type="text" class="username">​ D. <input type="text" value="username"> 【答案】B 【解析】name 属性用于定义表单域的名称。 8. 下拉列表中，每个选项用（ ）标记定义。​ A. <select>​ B. <item>​ C. <list>​ D. <option> 【答案】D 【解析】<select>定义下拉列表，<option>定义下拉列表中的每个选项。 9. 下列属性中用于限制文本框输入的最大长度是（ ）​ A. max​ B. length​ C. maxlength​ D. size 【答案】C 【解析】maxlength 属性用于限制文本框输入的最大字符数；size 属性用于设置文本框的宽度。 10. 表单数据提交到服务器后，服务器通过（ ）来获取表单域的值。​ A. 表单域的 id 属性​ B. 表单域的 name 属性​ C. 表单域的 class 属性​ D. 表单域的 type 属性 【答案】B 【解析】服务器通过表单域的 name 属性来获取对应的值。 二、判断题 1．表单只能用于收集用户的文本信息。（ ） 【答案】错误。 【解析】表单不仅可以收集文本信息，还可以通过单选按钮、复选框等收集用户的选择信息，通过文件域收集文件等。​ 2. <form>标记是表单的根标记，所有表单内容都必须放在<form>和</form>之间。（ ） 【答案】正确。 【解析】<form>标记用于定义表单，所有的表单域和按钮都需要包含在<form>和</form>之间才能正确提交数据。 3. get 方式提交表单数据时，数据的大小没有限制。（ ） 【答案】错误。 【解析】get 方式提交数据时，由于数据显示在 URL 中，而 URL 的长度有限制，所以 get 方式提交的数据大小有一定限制。 4. 提交按钮的 type 属性值是 “submit”，点击后会将表单数据提交到 action 属性指定的地址。（ ） 【答案】正确。 【解析】提交按钮的 type 属性值为 “submit”，其功能就是将表单数据提交到 action 属性指定的服务器地址。 5. 表单的 action 属性可以不设置，此时表单数据无法提交。（ ） 【答案】正确。 【解析】action 属性指定数据提交的地址，如果不设置，表单数据没有提交的目标地址，无法提交。 三、填空题 1．表单标记<form>中，______属性用于指定表单数据的提交方式。​ 【答案】method​​ 【解析】method 属性用于设置表单数据的提交方式，常用的值有 get 和 post。 2. <input type="______">用于创建一个密码框，输入的内容会被隐藏。 【答案】password​ 【解析】type 属性值为 “password” 时，输入框为密码框，输入的内容以圆点或星号显示，起到隐藏作用。​ 3. 表单数据提交方式中，______方式提交的数据会被包含在请求体中，不会显示在 URL 中。 【答案】post​ ​​​ 【解析】post 方式提交数据时，数据放在请求体中，不会在 URL 中显示，相对更安全，适合提交大量数据或敏感信息。 4. <textarea>标记中，______和______属性可以分别设置文本框的行数和列数。 【答案】rows；cols​ 【解析】rows 属性设置多行文本框的行数，cols 属性设置列数，用于规定文本框的初始大小。 5. 复选框的______属性值为 “checkbox”。​ 【答案】type​​ 【解析】复选框通过<input type="checkbox">定义，所以其 type 属性值为 “checkbox”。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 6.5：使用表单 一、单项选择题 1．下列属于表单基本组成部分的是（ ）​ A. 表格​ B. 表单标记​ C. 图片​​​ D. 音频 2. 表单标记的正确写法是（ ）​ A. <table>​ B. <form>​ C. <input>​ D. <button>​​​ 3. 在表单标记中，用于指定表单数据提交地址的属性是（ ）​ A. name​ B. id​ C. action​ D. class​ 4. 下列属于提交按钮代码的是（ ）​ A. <input type="submit">​ B. <input type="reset">​ C. <input type="button">​ D. <input type="image">​​​ 5. 设置文本框默认值的属性是（ ）​ A. default​ B. content​ C. text​ D. value​​​ 6. 在表单中，重置按钮的作用是（ ）​ A. 提交表单数据​ B. 清除表单中的所有输入内容，恢复默认值​ C. 关闭表单页面​ D. 跳转至其他页面​ 7. 下列代码中，定义名称为 “username” 的文本框是（ ）​ A. <input type="text" id="username">​ B. <input type="text" name="username">​ C. <input type="text" class="username">​ D. <input type="text" value="username">​​ 8. 下拉列表中，每个选项用（ ）标记定义。​ A. <select>​ B. <item>​ C. <list>​ D. <option>​​​ 9. 下列属性中用于限制文本框输入的最大长度是（ ）​ A. max​ B. length​ C. maxlength​ D. size​​​ 10. 表单数据提交到服务器后，服务器通过（ ）来获取表单域的值。​ A. 表单域的 id 属性​ B. 表单域的 name 属性​ C. 表单域的 class 属性​ D. 表单域的 type 属性​​​​ 二、判断题 1．表单只能用于收集用户的文本信息。（ ） 2. <form>标记是表单的根标记，所有表单内容都必须放在<form>和</form>之间。（ ） 3. get 方式提交表单数据时，数据的大小没有限制。（ ） 4. 提交按钮的 type 属性值是 “submit”，点击后会将表单数据提交到 action 属性指定的地址。（ ） 5. 表单的 action 属性可以不设置，此时表单数据无法提交。（ ） 三、填空题 1．表单标记<form>中，______属性用于指定表单数据的提交方式。​ 2. <input type="______">用于创建一个密码框，输入的内容会被隐藏。 3. 表单数据提交方式中，______方式提交的数据会被包含在请求体中，不会显示在 URL 中。 4. <textarea>标记中，______和______属性可以分别设置文本框的行数和列数。 5. 复选框的______属性值为 “checkbox”。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$