min/max对小数无效是因为默认step="1"，需显式设置step="0.1"或step="any"等值才能支持小数输入；否则浏览器会截断或报stepmismatch错误。
min/max 为什么对小数没效果
因为 min 和 max 本身支持小数（比如 min="0.5"），但浏览器默认 step 是 "1"，导致输入小数时直接触发 validity.stepMismatch 或被截断。你输 "3.14" 却发现失焦后变成 "3"，不是 min/max 失效，而是 step 没配好。
必须显式设置 step 才能用小数
小数输入不是“开箱即用”，得靠 step 明确告诉浏览器允许的精度：
-
step="0.1"：只接受一位小数，如1.0、1.1、1.9 -
step="0.01"：两位小数，1.23合法，1.234提交时报错 -
step="any"：不限制小数位数，但 Safari 对它的支持不稳定，部分旧版本会退化为文本输入
错误写法：<input type="number" min="0.1" max="9.9"> —— 缺 step，多数浏览器拒绝小数输入。
input 事件里怎么安全截断小数越界值
仅靠属性拦不住粘贴或手动输入超限小数，得监听 input 事件实时修正。关键点：
- 用
el.valueAsNumber读值（返回NaN表示非法，比parseFloat(el.value)更准） - 越界时赋值给
el.valueAsNumber，不是el.value，否则光标跳尾、精度丢失 - 别在
change里做这事——它不响应中间输入，用户可能已提交非法值
示例逻辑：
const el = document.getElementById('price');
el.addEventListener('input', () => {
const min = parseFloat(el.min) || -Infinity;
const max = parseFloat(el.max) || Infinity;
const val = el.valueAsNumber;
if (!isNaN(val)) {
if (val max) el.valueAsNumber = max;
}
});
移动端小数输入容易卡住的坑
iOS 和部分安卓键盘数字区不显示小数点，用户根本打不出 "."。这时 type="number" 就失效了：
- 加
inputmode="decimal"可提升软键盘提示（但不保证出现小数点） - 更稳妥的做法是改用
type="text"+ 正则限制：/^\d*\.?\d{0,2}$/（最多两位小数） - 同时保留
min/max和step，服务端仍按数值校验，前端只做体验层兜底
真正麻烦的不是怎么写属性，而是不同设备对同一段 HTML 的解析差异——你测试过的 Chrome 行为，在 iOS Safari 里可能完全不生效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
