required仅检测value是否为空字符串，无法识别空格、全角空格、换行符等“伪空值”，且动态修改value后需手动调用reportValidity()更新校验状态，不同input类型对“空”的定义也存在差异。
HTML 表单里让字段必填，直接加属性就行，但加了不等于真校验成功——浏览器只在提交时触发原生检查，且对空格、隐藏字符、动态内容完全不敏感。
为什么加了
还能提交空值？
常见错误现象：用户输了一堆空格、换行符或全角空格，表单照样通过；或者用 JS 动态清空了输入框但没重置 validity 状态，导致后续提交跳过校验。
只检测
是否为“空字符串”，
、
（全角空格）、
都算“非空”
如果用 JS 修改了
但没调用
，浏览器不会主动更新校验状态
某些 UI 库（如 Ant Design、Element Plus）封装的组件可能没透传
到底层
，实际无效
在不同 input 类型下的表现差异
不是所有类型都按直觉工作。比如
和
对“空”的定义不同，容易误判。
：只拒绝
，接受
：用户删光数字后，
变成
，校验生效；但如果初始设了
，即使用户没改，也算“已填”
：未选择时
是
，校验有效；但 Safari 旧版本对空 date 的处理不一致
：必须有
不带
且没有
，否则第一个 option 会被自动选中，绕过校验
怎么补足
的短板？
原生
是起点，不是终点。关键是要控制“什么算有效输入”，尤其在用户粘贴、自动填充或移动端输入法干扰下。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
用
事件 +
实时清理空格：
提交前手动检查：
配合
做语义约束，比如邮箱必填且格式正确：
服务端永远要二次校验——
完全可被禁用或绕过
真正麻烦的从来不是加不加
，而是用户输入的“空”有几十种形态，而浏览器只认一种。别指望属性自己聪明起来。
requiredrequiredrequiredvalue" "" ""\n"input.valueinput.reportValidity()requiredrequiredtype="number"type="date"""" "value""value="0"value""disabledselectedrequiredrequiredinputtrim()el.addEventListener('input', () => { el.value = el.value.trim(); });if (!el.value.trim()) { el.reportValidity(); return false; }patternrequiredrequired