带有浮点值的 Html 属性“Max”会产生问题

Question

如果值小于 max 属性，我想在提交时显示一个弹出窗口。我可以使用这样的 HTML5 属性来实现这一点：<input type='number' max='21' /> 但问题是，当最大值是浮点数时，<input type='number' max='21.1' />它会显示另一个弹出窗口，说明该值必须小于 21。我已经搜索过，我可以用 Javascript 解决这个问题，但即使值是浮点数，我也想使用 max 属性。<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>