限制输入字段仅接受有范围的数字

2024-01-12

我想在 html 中创建一个输入字段,可以限制用户只能输入 -40 到 130 范围内的数字。 用户还可以输入十进制值 例如 : -40.2(有效) -40.23(无效) 130(有效) 130.1(无效)

因此输入应该能够接受范围内的任何数字,并且应该只接受固定为 1 的小数位。

非常感谢任何建议或帮助

提前致谢


您可以使用带有属性 min max 和 step 的 number 类型的输入,如下所示:

<form action="">
    <input type="number" min="-40" max="130" step="0.1" id="input"/>
    <button type="submit">Ok</button>
</form>

我这里提供了一个JSFiddle。当您尝试提交表单时,如果数字超出范围或小数位数超过一位,html5 验证会显示一条消息。

JSFiddle https://jsfiddle.net/xartok/w959bord/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

限制输入字段仅接受有范围的数字 的相关文章

随机推荐