input oninput 限制只能输入0到100

在HTML和JavaScript中，如果你想限制`<input>`类型的元素（如文本框）的用户输入范围在0到100之间，并实时验证，你可以这样做：

<input type="number" id="numeric-input" min="0" max="100" oninput="validateInput(this)">

这里的关键点是`type="number"`，它会自动给输入字段添加数字键盘并允许整数输入。`min="0"`设置最小值，`max="100"`设置最大值。`oninput="validateInput(this)"`事件会在用户每输入一次字符后触发，`this`代表当前输入框。

然后在JavaScript部分，编写`validateInput(inputElement)`函数来检查输入是否合法：

function validateInput(inputElement) {
  const value = parseInt(inputElement.value);
  if (value < 0 || value > 100) {
    inputElement.setCustomValidity("请输入0到100之间的数值");
  } else {
    inputElement.setCustomValidity(""); // 清除之前可能出现的错误提示
  }
}

这个函数会把输入转换成整数，如果不在0到100范围内，就设置自定义验证消息。如果输入有效，则清除验证信息。