跳到主要内容

HTML 表单

本套测试聚焦 HTML 表单(Form)的构建、各种输入控件(Input)的应用以及基础的数据交互属性,助你掌握网页实现数据收集的核心技术。

选择题

在 HTML 中,用于创建供用户输入的表单区域的最外层容器标签是?

想要创建一个单行文本输入框,<input> 标签的 type 属性应设置为?

在输入密码时,为了让字符显示为星号或圆点以保护隐私,应将 type 设置为?

在一组选项中,用户只能选择其中一个(互斥选择),应使用哪种类型的输入框?

想要创建一个可以多选的复选框,<input> 的 type 应设置为?

用于将表单数据正式发送到服务器的按钮,其 type 属性应设置为?

想要创建一个供用户输入大量文字的多行文本区域,应使用哪个标签?

为了提高可用性,点击文字也能选中对应的输入框,应将文字包裹在哪个标签中?

在 <select> 下拉列表中,每一个具体的选项内容应使用哪个标签来定义?

在表单提交时,<form> 的哪个属性决定了数据采用哪种传输方式(如 GET 或 POST)?

填空题

想要在输入框中显示一段淡灰色的提示文字(输入后消失),应使用 placeholder 属性。
若要规定某个输入框为必填项,否则无法提交表单,应添加布尔属性 required
想要让某个输入框处于不可编辑状态,但其值仍能随表单提交,应设置属性 readonly
想要禁用某个表单控件(使其变灰且数据不被提交),应使用属性 disabled
在上传文件时,<input> 标签的 type 属性应设置为 file
对于单选框或复选框,想要设置页面加载时默认已选中,应添加属性 checked
对于下拉列表 <option>,想要设置其为默认选中项,应添加属性 selected
<form> 标签的 action 属性指定了表单数据提交的目标服务器 URL 地址。
想要限定数字输入框的最小值和最大值,应配合使用 min 和 max 属性。
在 HTML5 中,type="email" 可以创建一个专门用于输入电子邮件地址并带有基础格式校验的输入框。