HTML如何限制input输入框只输入纯数字

148 阅读 0 评论 98 点赞

我是靠谱客的博主欢呼过客，这篇文章主要介绍HTML如何限制input输入框只输入纯数字，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、javascript1.8.5&&HTML5版、Dell G3电脑。

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

使用 oninput 事件，限制input 输入框只能输入纯数字

复制代码oninput = "value=value.replace(/[^d]/g,'')"1
oninput = "value=value.replace(/[^d]/g,'')"
登录后复制

代码示例

复制代码<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^d]/g,'')">
</body>
</html>1
2
3
4
5
6
7
8
9
<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^d]/g,'')">
</body>
</html>
登录后复制

推荐学习：《HTML视频教程》

以上就是HTML如何限制input输入框只输入纯数字的详细内容，更多请关注靠谱客其它相关文章！