javascript - 具有浮点值的 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 或更高。

标签： javascriptphpjqueryhtml

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>