HTML实现MaxLength但忽略小数

Question

我正在用MaxLength属性在HTML中实现一个文本框。我只希望它是4位数字，但忽略小数。因此，用户应该只能写一个从0到9999的数字。但是，我希望他们能够添加小数，例如9011.22。实现此目标的最佳方法是什么？是否需要某种JavaScript？

这是我的HTML标记：

<input type="text" name="lastname" value="Mouse">

Answer 1

使用number type，它将允许您设置min和max。然后，您可以使用step属性来控制小数位数。

• 您可以添加required属性以使此字段为必填项。
• 您可以在this.checkValidity()事件中使用onblur进行验证，然后再提交。

<form>
  <input type="number" name="lastname" value="Mouse" min="0" max="9999" step="0.01">
  <p><input type="submit" value="Submit"></p>
</form>