element 输入框input只能输入数字不能输入小数点
时间: 2023-10-17 08:09:00 浏览: 78
input框只能输入数字和一个小数点
3星 · 编辑精心推荐
可以使用 HTML5 中的 `input` 元素的 `type="number"` 属性限制只能输入数字,但无法限制小数点的输入。如果要限制输入小数点,可以使用 JavaScript 监听输入事件,当输入小数点时阻止默认行为。
示例代码如下:
HTML:
```html
<input type="text" id="input" />
```
JavaScript:
```javascript
const input = document.getElementById('input');
input.addEventListener('input', e => {
const value = e.target.value;
e.target.value = value.replace(/[^\d]/g, ''); // 只允许输入数字
});
input.addEventListener('keypress', e => {
if (e.key === '.') { // 当输入小数点时阻止默认行为
e.preventDefault();
}
});
```
阅读全文