html5中min/max属性可限制number和date输入框的取值范围：number类型需用纯数字并配合step控制精度，date类型须用yyyy-mm-dd格式；二者均需服务端校验且注意兼容性。
在HTML5中，min 和 max 属性可直接限制 <input type="number"> 或 <input type="date"> 等表单控件的可选值范围，浏览器会自动禁用或灰显超出范围的选项，并在提交时进行基础验证。
数字输入框（type="number"）的 min/max 用法
设置最小值和最大值后，用户无法手动输入超限数字，点击上下箭头时也会被限制在范围内。
- 必须使用数值类型：min 和 max 的值应为纯数字（如
min="0"、max="100"），不带单位或逗号 - 支持小数：例如
<input type="number" min="0.5" max="9.9" step="0.1">，此时需配合 step 控制精度 - 注意默认行为：未设置 step 时，step 默认为 1，可能导致小数输入被自动舍入或校验失败
日期选择器（type="date"）的 min/max 用法
日期格式必须为 YYYY-MM-DD，否则属性无效；浏览器日历控件将禁用范围外的日期。
- 合法写法：
<input type="date" min="2023-01-01" max="2025-12-31"> - 动态设置建议：用 JavaScript 获取当前日期并赋值，例如
input.min = new Date().toISOString().split('T')[0]; - 注意兼容性：Safari 对 date 类型的支持较晚（iOS 14.5+），旧版本需降级方案（如自定义日期组件或 polyfill）
验证与用户体验补充建议
min/max 提供的是客户端基础约束，不能替代服务端校验。同时需兼顾可访问性和错误提示。
- 添加 required 属性避免空值绕过限制
- 结合 oninput 或 onchange 事件做实时反馈，例如输入超限时显示提示文字
- 使用
setCustomValidity()增强错误信息，例如：input.oninput = () => { if (input.value
常见问题提醒
部分行为容易被忽略，但会影响实际效果：
- min/max 对
type="text"无效，仅对语义化类型（number、date、datetime-local、month、week、range）生效 - 用户仍可通过粘贴或开发者工具绕过限制，务必在服务端再次校验
- 某些安卓浏览器对 date 类型的 min/max 支持不稳定，建议测试主流机型
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
