minlength仅对text、search、url、tel、email、password类型input及textarea生效；type="number"等不支持，校验时机限于提交或checkvalidity()调用，且需服务端重复校验。
minlength 属性只对特定表单控件生效
minlength 是原生 HTML5 表单验证属性，但它**不适用于所有输入类型**。只有 input[type="text"]、input[type="search"]、input[type="url"]、input[type="tel"]、input[type="email"]、input[type="password"] 和 textarea 支持该属性。对 input[type="number"]、input[type="date"] 或自定义组件（如 Vue/React 封装的输入框）直接加 minlength 无效，浏览器会忽略。
常见错误是给数字输入框加 minlength="6" 期待限制“6位数字”，结果毫无反应——因为 type="number" 的值是数值类型，而 minlength 校验的是字符串长度。
- ✅ 正确用法：
<input type="text" minlength="6"> - ❌ 无效写法：
<input type="number" minlength="6">（会被浏览器静默丢弃） - ⚠️ 注意：即使
type="text"，若用户粘贴了空格或换行符，minlength也会把它们算入长度
minlength 触发校验的时机很有限
minlength 不会在用户每敲一个键时实时报错，它只在表单提交（submit 事件）或调用 checkValidity() 时触发。用户输入不足时，字段看起来完全正常，直到点提交才弹出默认提示（如“请输入至少 6 个字符”）。
- 不会监听
input或blur事件自动反馈 - 无法通过 CSS 选择器
:invalid在输入中途高亮（除非已失去焦点且未补足） - 若表单有
novalidate，minlength完全失效
想实现输入中实时反馈，必须配合 JavaScript 监听 input 事件并手动检查 value.length，不能只依赖 minlength。
与 required、pattern 搭配时的行为差异
minlength 和 required 是正交的：前者管“够不够长”，后者管“填没填”。空值时，required 优先报错；只有填了内容但长度不够，minlength 才生效。
pattern 则更严格——它做正则匹配，可同时约束格式和最小长度（比如 pattern=".{6,}"），但它的错误信息不可定制，且不提供长度语义（例如无法区分“太短”和“含非法字符”）。
- 推荐组合：
required+minlength用于纯长度要求 - 避免混用：
minlength="6"+pattern="\d{6}"—— 后者已隐含长度，前者冗余且可能干扰错误提示顺序 - 注意兼容性：
minlength在 IE 中完全不支持，Edge 12+ 开始支持
服务端必须重复校验，不能信任 minlength
minlength 是纯前端体验增强，用户禁用 JS、绕过表单提交（如用 curl 发请求）、或直接改 DOM 属性，都能轻易跳过。后端收到数据后，仍需用语言原生方法检查长度，例如 Python 的 len(value) ，Node.js 的 <code>value.length 。
更隐蔽的坑是 Unicode 字符：JavaScript 中 "??".length 是 2（代理对），但某些后端环境（如旧版 MySQL utf8mb3）可能按字节计数，导致前后端长度判断不一致。真要严谨，得统一用 Unicode 码点数（[...value].length）或正规化后再比对。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
