novalidate属性用于完全禁用浏览器对表单的内置验证行为，只能加在<form>标签上且仅作用于整个表单，不影响input的type语义和基础功能。
在HTML表单中，novalidate 属性用于**完全禁用浏览器对表单的内置验证行为**（比如 required、type="email"、pattern 等触发的提示），让开发者自行控制验证逻辑。
novalidate 放在哪？只能加在 <form> 标签上
它是一个布尔属性，**只作用于整个表单**，不能加在单个输入框（<input>）上。写法很简单：
- 直接写
novalidate（推荐，最简洁） - 或写
novalidate="novalidate"（等价，但冗余）
例如：
<form novalidate> <input type="email" required> <input type="submit"> </form>
提交时，即使邮箱格式错误或为空，浏览器也不会弹出提示，也不会阻止提交。
立即学习“前端免费学习笔记（深入）”；
novalidate 和 JavaScript 验证可以共存
禁用浏览器默认验证 ≠ 不验证。你仍可使用 JavaScript 手动校验并决定是否提交：
- 监听
submit事件 - 调用
event.preventDefault()阻止默认提交 - 执行自定义逻辑（如检查正则、调用 API）
- 校验通过后，再用
form.submit()或fetch提交
这样既避免了原生提示干扰 UI/UX，又能保留完整控制权。
注意：novalidate 不影响 input 的 type 语义和基础行为
即使加了 novalidate，以下功能依然有效：
-
type="email"在移动设备上仍会唤起邮箱键盘 -
type="number"仍限制输入为数字（但不阻止手动粘贴非数字） -
maxlength、min/max等属性仍起作用（只是不参与提交验证）
真正被跳过的，仅是表单提交时的自动校验和阻断机制。
替代方案：想局部关闭验证？用 checkValidity() + setCustomValidity()
如果只想绕过某个字段的验证，而不是整个表单，不建议用 novalidate。更灵活的做法是：
- 对特定
<input>调用input.setCustomValidity("")清除校验状态 - 或在提交前调用
input.checkValidity()判断，再统一处理 - 这样能保留其他字段的原生校验，只干预需要的部分
全局禁用适合完全接管验证流程的场景；局部控制更适合渐进式增强。
