input输入框限制只能输入数字

作者：System 时间：2024年08月21日分类：所有,vue.js 字数：487

这篇文章距离上次修改已过448天，其中的内容可能已经有所变动。

在HTML中，可以使用input元素的type属性来限制输入框只能输入数字。使用type="number"可以创建一个只允许输入数字的输入框，并且还包括用于增加或减少数字的微调控制。




<input type="number" name="digit" min="0" max="100" />

在上面的例子中，min和max属性分别设置了数字输入的最小值和最大值。如果需要更严格的数字限制，可以使用JavaScript来进一步验证输入。




<input type="text" id="digit" name="digit" oninput="this.value = this.value.replace(/[^0-9]/g, '');" />

在这个例子中，我们使用了一个文本输入框（type="text"），并通过oninput事件处理器使用JavaScript正则表达式替换掉所有非数字字符。这样用户在输入时就无法输入除数字以外的字符了。