本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
本篇文章给大家介绍在HTML中限制input输入框只能输入纯数字的方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1 | onkeyup = "value=value.replace(/[^\d]/g,'')"
|
使用 onkeyup
事件,有 bug
,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母
1 | onchange = "value=value.replace(/[^\d]/g,'')"
|
使用 onchange
事件,在输入内容后,只有 input
丧失焦点时才会得到结果,并不能在输入时就做出响应
1 | oninput = "value=value.replace(/[^\d]/g,'')"
|
使用 oninput
事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。
代码示例
1 2 3 4 5 6 7 8 9 10 11 | <!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输入框只能输入纯数字的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript数字转字符串的函数有哪些
html input怎么设置不可编辑
css如何清除input默认样式
html禁止清除input文本输入缓存的两种方法
如何使用css对td中input的宽度设置
html中让表单input等文本框为只读不可编辑的方法
input实现文字超出省略号(代码示例)
js如何判断值是否数字
javascript怎么判断是否数字
type="file"的input框样式应该如何操作
更多相关阅读请进入《input》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML如何限制input输入框只能输入纯数字