HTML表单：关于required属性功能的疑问及正确说法确认

你提供的表单代码如下：

<form method="post" action="">
    <input type="text" required>
    <button type="submit"> Submit </button>
</form>

针对你提出的三个选项，正确答案是选项2，具体分析如下：

• 选项1错误：required是HTML5内置的客户端验证属性，完全由浏览器在本地完成检查，不会触发服务器端的校验逻辑。服务器端的空值检查需要你自行编写后端代码实现，和该属性无关。
• 选项2正确：当用户点击提交按钮时，浏览器会自动在客户端校验带有required属性的输入框，若字段为空，会直接阻止表单提交，并弹出提示要求用户填写内容，不会将请求发送到服务器。
• 选项3错误：虽然提交按钮可以点击，但如果输入框为空，浏览器会拦截表单的提交动作，表单数据不会被发送，提交操作实际无效。

内容的提问来源于stack exchange，提问作者Jojo