前端限制输入框只能输入数字，怎么实现

要限制输入框只能输入数字，可以使用以下几种方法来实现：

1. 使用 `type="number"` 属性：将 `<input>` 元素的类型设置为 "number"，这样浏览器会自动验证输入值是否为数字。但是需要注意的是，这种方法并不能完全阻止用户输入非数字字符，因此仍需结合其他方法使用。

<input type="number" name="quantity">

2. 使用 JavaScript 进行校验：通过 JavaScript 监听输入框的输入事件，并在事件处理程序中校验输入值是否为数字。如果不是数字，则可以阻止默认行为或清除非数字字符。

<input type="text" name="quantity" oninput="validateNumber(event)">
<script>
  function validateNumber(event) {
    let input = event.target;
    let value = input.value;
    // 使用正则表达式校验输入值是否为数字
    if (!/^\d*$/.test(value)) {
      // 非数字字符，清除掉
      input.value = value.replace(/[^\d]/g, '');
    }
  }
</script>

3. 使用 HTML5 的 pattern 属性：结合正则表达式，使用 `pattern` 属性来限制输入的格式。下面的示例将输入框限制为只能输入数字。

<input type="text" name="quantity" pattern="[0-9]*">

这些方法可以在前端实现限制输入框只能输入数字的效果。需要根据具体情况选择适合的方法。同时，后端也应该对用户输入进行验证，以确保数据的完整性和安全性。