不能。min/max仅触发提交校验，无法阻止键盘输入或粘贴越界值；必须用javascript监听input事件实时修正，并配合服务端二次验证。
input type="number" 的 min/max 属性真能拦住非法输入吗？
不能。用户仍可通过键盘直接输入超范围值、粘贴非法数字，甚至用开发者工具绕过属性。min 和 max 只影响浏览器原生校验触发时机（比如点击提交时），不阻止实时输入。真正起作用的是表单提交时的 checkValidity() 和 reportValidity()，但前提是元素本身支持约束验证 API。
-
type="number"是必须的，type="text"即使加了min/max也完全无效 -
min和max值必须是合法数字字符串（如"10"，不能是"10.0"或空字符串） - 浏览器不会自动修正越界值，只标记为 invalid 状态
怎么让输入框实时限制数字范围（比如只能输 0–100）？
得靠 JavaScript 拦截输入事件并手动修正。重点不是“阻止”，而是“即时纠正”——让用户感觉不到被卡住，又始终符合范围。
- 监听
input事件（不是change，后者太晚） - 用
parseFloat(e.target.value)解析，注意处理空值、非数字（返回NaN） - 超出范围时，用
e.target.value = Math.min(Math.max(value, min), max)重写值 - 需要额外处理小数点、负号等边界情况：比如用户输
"-50"但min=0，应立即转为"0"
<input type="number" id="score" min="0" max="100"><script>
const input = document.getElementById('score');
input.addEventListener('input', (e) => {
const value = parseFloat(e.target.value);
if (isNaN(value)) return;
const min = 0, max = 100;
e.target.value = Math.min(Math.max(value, min), max);
});
</script>
为什么用 setCustomValidity() 有时没反应？
因为该方法只在调用后、下一次表单校验（如 form.checkValidity() 或提交）时生效，且会被后续任何对同一元素的 setCustomValidity('') 或原生约束（如 required）覆盖。
- 必须配合
validity.valid判断是否真需要自定义错误（比如范围合法但业务上不允许为 0） - 错误消息需在提交前设置，不能只在
input里设，否则用户看不到提示 - 更可靠的做法：提交时统一校验，用
reportValidity()触发原生气泡提示
移动端软键盘弹不出数字键盘？
关键在 inputmode 和 pattern 的组合。仅靠 type="number" 在 iOS Safari 上可能仍弹出全键盘。
- 加
inputmode="decimal"（小数）或inputmode="numeric"（整数） - 补
pattern="[0-9]*"（iOS 需要这个才认） - 避免同时设
min为负数 +inputmode="numeric"，部分安卓会失效
范围校验最易忽略的一点：服务端永远不能信任前端限制。哪怕所有 JS 和 HTML 层都封死了，恶意请求仍可绕过。所以 min/max、JS 修正、自定义校验，最终都只是用户体验层的优化，后端接口必须独立做数值范围检查。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
