【前端】input输入框只能输入大于等于0的整数

可以使用以下代码实现：

<input type="number" min="0" oninput="this.value = Math.floor(Math.abs(this.value))">

这个代码中，使用`type="number"`来指定输入框类型为数字，`min="0"`来限制输入的最小值为0。`oninput`事件会在用户输入时触发，这里的代码会将输入框的值转换为大于等于0的整数，如果用户输入了小数或负数，则会自动向下取整并转换为正整数。

相关问题

【前端】input输入框只能输入大于等于0的正数

你可以使用以下代码实现这个功能：

<input type="number" min="0" step="any" oninput="validity.valid||(value='');" />

这里使用了HTML5的input元素属性，其中：

- `type="number"`：指定输入框类型为数字输入框。
- `min="0"`：指定最小值为0，确保只能输入大于等于0的数字。
- `step="any"`：指定输入的数值可以是小数或整数。
- `oninput="validity.valid||(value='');"`：使用JavaScript代码，如果输入框的值不符合规则，则将其清空。

这样，用户在输入小于0的数字时，输入框会自动清空，保证只能输入大于等于0的正数。

【前端】input输入框大于0小于200的整数

可以使用 HTML5 中的 input 元素的 `type="number"` 属性来限制用户输入为数字类型，再利用 `min` 和 `max` 属性来限制数字范围为大于0小于200的整数。同时，可以使用 JavaScript 的 `oninput` 事件监听用户输入，以便在用户输入非法数字时给出提示。

示例代码如下：

<input type="number" min="1" max="199" oninput="checkInput()" />

<script>
function checkInput() {
  const input = document.querySelector('input');
  const value = input.value;
  if (value === '') { // 用户未输入时不进行检查
    return;
  }
  const num = parseInt(value);
  if (isNaN(num) || num <= 0 || num >= 200) { // 非法数字
    alert('请输入大于0小于200的整数');
    input.value = ''; // 清空输入框
  }
}
</script>

这样，当用户输入非法数字时，会弹出提示框并清空输入框。