表单进阶与验证专题测试
考察知识点
- 原生表单验证:required/pattern/min/max/step属性、约束验证API
- 表单提交与编码:enctype编码类型、method提交方法、target目标窗口
- 表单高级控件:datalist数据列表、output输出元素、fieldset/legend分组
- 表单无障碍:label关联、aria属性、表单可访问性
1
单选题
以下关于 HTML5 required 属性的说法,正确的是?
2
单选题
HTML form 元素的 method 属性默认值是?
3
单选题
设置 <form target="_blank"> 后,表单提交后会发生什么?
4
单选题
以下关于 form 元素的 action 属性,说法正确的是?
5
单选题
HTML5 的 <datalist> 元素的作用是?
6
单选题
使用 <input type="email"> 时,以下哪个输入值会通过浏览器验证?
7
单选题
以下代码中,如何让"同意条款"复选框成为必选项?
HTML
<form>
<label>
<input type="checkbox" name="agree">
同意用户条款
</label>
<button type="submit">注册</button>
</form>
8
单选题
使用默认编码类型提交表单,输入内容为 "A & B = C",服务器接收到的数据是什么?
HTML
<form action="/submit" method="POST">
<input name="content" value="A & B = C">
</form>
9
判断题
HTML5 的 pattern 属性值需要用斜杠包裹正则表达式,如 pattern="/^[a-z]+$/"。
10
判断题
使用 method="GET" 提交包含密码的表单是安全的,因为数据会被编码。
11
判断题
enctype="text/plain" 是表单提交的推荐编码类型,适用于大多数表单。
12
判断题
设置 <fieldset disabled> 后,其内部的所有表单控件都会被禁用,无法接收用户输入。
13
判断题
<input type="date"> 的值格式为 "YYYY-MM-DD",例如 "2024-03-15"。
14
填空题
完成以下代码,创建一个必须填写且格式为6位数字的验证码输入框:
HTML
<input type="text"
!!1_required!!
!!2_pattern="[0-9]{6}"!!
title="请输入6位数字验证码"
placeholder="验证码">
15
填空题
完成以下代码,创建一个可上传图片的表单:
HTML
<form action="/upload"
!!1_method="POST"!!
!!2_enctype="multipart/form-data"!!>
<input type="file" name="image" accept="image/*">
<button type="submit">上传</button>
</form>
16
填空题
完成以下代码,创建一个带有标题的用户信息分组:
HTML
<________>
<______>用户基本信息</______>
<input name="username" placeholder="用户名">
<input name="email" placeholder="邮箱">
</________>
17
多选题
关于 HTML5 的 step 属性,以下说法正确的有?
18
多选题
关于 HTML form 的 enctype 属性,以下说法正确的有?
19
多选题
关于 HTML5 的 <output> 元素,以下说法正确的有?
20
多选题
以下关于 HTML5 新增 input 类型的说法,正确的有?
📝 发现内容有误?点击此处直接编辑
想参加完整模拟考试?
小程序提供计时考试、自动评分和详细解析
长按或扫描二维码,立即体验