javascript - 具有浮点值的 Html 属性 'Max' 会出现问题

Question

这个问题已经有答案了:

Allow 2 decimal places in <input type="number"> (18 个回答)

已关闭 4 年前。

如果值小于 max 属性，我想在提交时显示一个弹出窗口。我可以使用 HTML5 属性来实现这一点，如下所示:<input type='number' max='21' />但问题是当最大值是像 <input type='number' max='21.1' /> 这样的 float 时然后它会显示另一个弹出窗口，提示该值必须小于 21。

我已经搜索过，我可以用 Javascript 解决这个问题，但我想使用 max 属性，即使该值是 float 。

<input type='number' max='21.1' /> <button type='submit'>Submit</button>

我希望表单即使值为 21 或 21.1 也能够提交，除非它是 21.2 或更大。

Answer 1

您需要添加 step 属性，如下所示:

<form>
  <input type="number" max="21.1" step="0.1"/>
</form>

或者，您可以使用 any 作为值:

<form>
  <input type="number" max="21.1" step="any"/>
</form>