在HTML中限制input 输入框只能输入纯数字的实现
2021-03-15 04:01
1011 查看
限制 input
输入框只能输入纯数字
1、onkeyup = "value=value.replace(/[^\d]/g,'')"
使用
onkeyup
事件,有bug
,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母
2、onchange = "value=value.replace(/[^\d]/g,'')"
使用
onchange
事件,在输入内容后,只有input
丧失焦点时才会得到结果,并不能在输入时就做出响应
3、oninput = "value=value.replace(/[^\d]/g,'')"
使用
oninput
事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。
代码示例
<!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中限制input 输入框只能输入纯数字的实现的文章就介绍到这了,更多相关html限制input输入数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
相关文章推荐
- html+css实现充电水滴融合特效代码
- html+css实现响应式卡片悬停效果
- html+css+js实现导航栏滚动渐变效果
- 使用HTML和JavaScript播放本地的媒体(视频音频)文件的方法
- HTML 拖拉功能的实现代码
- html列表框、文本域、文件域的示例代码
- HTML页面缩小后显示滚动条的示例代码
- html table呈现个人简历以及单元格宽度失效的问题解决
- 使用HTML和CSS实现的标签云效果(附demo)
- js实现Element中input组件的部分功能并封装成组件(实例代码)
- 微信小程序input抖动问题的修复方法
- vue表单验证之禁止input输入框输入空格
- HTML元素拖拽功能实现的完整实例
- HTML基本标签及结构详解
- 在HTML里加载摄像头的方法
- HTML用户注册页面设置源码
- html 指定页面字符集的两种方法
- 移动端HTML5 input常见问题(小结)
- HTML+CSS+JavaScript实现图片3D展览的示例代码