HTML5原生表单校验通过required属性实现非空检查，配合type属性（如email、url、number）增强格式校验，select需设空value=""，novalidate可禁用原生验证。
HTML5 原生表单校验可以通过 required 属性实现非空检查，无需任何 JavaScript。
给输入控件加上 required 属性
在 、 或 标签中添加 required 属性即可。浏览器会在提交时自动阻止空值提交，并显示默认提示（如“请填写此字段”）。
注意 select 的空选项必须 value 为空字符串
对于下拉框，若首个 是占位提示（如“请选择”），其 value 必须是空字符串 ""，否则即使用户没选，表单也可能通过校验。
✅ 正确：
❌ 错误： 或
配合 type 属性增强语义化校验
虽然 required 解决非空，但搭配合适的 type 可进一步约束格式（仍无需 JS）：
-
type="email"：触发邮箱格式检查（含 @ 符号） -
type="url"：要求输入合法 URL（如以 http:// 或 https:// 开头） -
type="number"：只接受数字输入，可加min/max限制范围
用 novalidate 禁用原生校验（按需）
如果某个表单你暂时不想启用原生校验（比如想统一用 JS 处理），可在 上加 novalidate 属性：
这个属性不影响 required 的存在，只是让浏览器跳过提交前的自动验证步骤。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
