input 标签的 required 属性如何让浏览器拒绝提交不完整表单
在 HTML 表单中添加 required 属性可以强制用户填写特定字段，浏览器会在未填写时阻止提交并提示错误。
设置必填字段并阻止提交
在表单中为需要用户输入的字段添加 required 属性，可以标记该字段为必填项。当用户尝试提交表单时，如果该字段为空，浏览器会自动拦截提交操作，并显示错误提示信息，引导用户完成填写。这种机制能有效减少无效数据的提交。
例如，在用户名输入框中添加 required 属性后，如果用户未输入内容直接点击提交，浏览器会阻止表单发送，并在该字段附近显示提示，告知用户该字段不能为空。这确保了表单数据的完整性和有效性。MDN 的测试任务中要求将所有输入字段设为必填，正是利用了这一特性。
为不同字段指定验证规则
除了标记必填，还可以结合其他属性为不同字段设置具体的验证规则。例如，将邮箱字段的类型设置为 email，可以要求用户输入符合电子邮件格式的文本；将电话号码字段的类型设置为 tel，则可以提示用户输入电话号码。这些类型属性配合 required 属性，能更精确地控制输入内容。
在支持的任务示例中，邮箱字段被设置为 type='email' 并添加 required 属性，电话号码字段被设置为 type='tel' 并添加 required 属性。这意味着浏览器会检查输入是否符合邮箱或电话号码的格式，并在格式错误或未填写时阻止提交。这种组合使用能显著提升用户体验和数据质量。
限制输入长度与字符数量
为了进一步规范用户输入，可以为文本字段设置最小和最大长度限制。通过 minlength 和 maxlength 属性，可以指定字段允许的最小和最大字符数。当用户输入的字符数超出或低于指定范围时，浏览器会拒绝提交并提示错误。
在示例中，用户名字段被要求长度在 5 到 20 个字符之间，因此添加了 minlength='5' 和 maxlength='20' 属性。评论字段则被限制为最多 200 个字符，因此添加了 maxlength='200' 属性。这些属性确保了输入内容符合业务需求，避免了过短或过长的无效数据。
验证结果与错误提示
当表单提交被浏览器拦截时，通常会显示具体的错误信息，帮助用户了解问题所在。错误提示会指向未填写的字段或格式错误的字段，并说明需要满足的条件。用户可以根据提示修正输入后再次尝试提交，直到所有验证通过为止。
在测试任务中，要求尝试提交表单，直到所有约束条件满足。这意味着用户需要逐一检查每个字段，确保必填项已填写、格式正确且长度符合要求。浏览器提供的错误提示是验证结果的具体体现，它确保了表单数据的完整性和有效性。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。