输入数字将最大值设置为十进制

Question

如何设置html输入类型数，最大值使得最大值小于边界（max）值不等于边界值？现在我能做的就是如下，但这不是正确的解决方案，因为列表将继续

<input type="number" min="0" max="24" />

如何接受0 - 24而不是0或24之间的任何值

<input type="number" min="0" max="23.9">

要么

<input type="number" min="0" max="23.99">

要么

<input type="number" min="0" max="23.999">

要么

<input type="number" min="0" max="23.999">

要么

<input type="number" min="0" max="23.9999">

我需要接受浮动值，除了正则表达式之外的其他选项

Answer 1

您可以为输入提供定义增量的步骤。

<input type="number" min="0" max="23.99" step="0.01">

Answer 2

输入数字不应允许数字输入超过最大值请检查我的下面的代码，它将帮助您肯定。

$("[type='number']").keypress(function (evt) {
console.log(evt.key); 

 var regex = /[0-9]/;
  if(regex.test(evt.key) ) {
    let value = parseInt($("[type='number']").val()+evt.key);
    console.log("value",value);
    value <= 24 ? "" : evt.preventDefault();
    }
    else
    evt.preventDefault();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" min="0" max="24" step="0.01">