表单进阶与验证专题测试

HTML5 的 pattern 属性值需要用斜杠包裹正则表达式，如 pattern="/^[a-z]+$/"。

<input type="date"> 的值格式为 "YYYY-MM-DD"，例如 "2024-03-15"。

设置 <fieldset disabled> 后，其内部的所有表单控件都会被禁用，无法接收用户输入。

enctype="text/plain" 是表单提交的推荐编码类型，适用于大多数表单。

使用 method="GET" 提交包含密码的表单是安全的，因为数据会被编码。

使用 <input type="email"> 时，以下哪个输入值会通过浏览器验证？

HTML form 元素的 method 属性默认值是？

使用默认编码类型提交表单，输入内容为 "A & B = C"，服务器接收到的数据是什么？

<form action="/submit" method="POST">
  <input name="content" value="A & B = C">
</form>

以下关于 HTML5 required 属性的说法，正确的是？

HTML5 的 <datalist> 元素的作用是？

以下关于 form 元素的 action 属性，说法正确的是？

设置 <form target="_blank"> 后，表单提交后会发生什么？

以下代码中，如何让"同意条款"复选框成为必选项？

<form>
  <label>
    <input type="checkbox" name="agree">
    同意用户条款
  </label>
  <button type="submit">注册</button>
</form>

关于 HTML5 的 step 属性，以下说法正确的有？

关于 HTML form 的 enctype 属性，以下说法正确的有？

关于 HTML5 的 <output> 元素，以下说法正确的有？

以下关于 HTML5 新增 input 类型的说法，正确的有？

完成以下代码，创建一个必须填写且格式为6位数字的验证码输入框：

<input type="text"
       !!1_required!!
       !!2_pattern="[0-9]{6}"!!
       title="请输入6位数字验证码"
       placeholder="验证码">

完成以下代码，创建一个可上传图片的表单：

<form action="/upload"
      !!1_method="POST"!!
      !!2_enctype="multipart/form-data"!!>
  <input type="file" name="image" accept="image/*">
  <button type="submit">上传</button>
</form>

完成以下代码，创建一个带有标题的用户信息分组：

<____________>
  <____________>用户基本信息</legend>
  <input name="username" placeholder="用户名">
  <input name="email" placeholder="邮箱">
</____________>