跳转至内容
上海创厦网络科技
IT服务专家
上海创厦网络科技上海创厦网络科技
  • 首页
  • 网站建设
  • IT服务
  • 平面设计
  • 网络工程
  • 首页
  • 网站建设
  • IT服务
  • 平面设计
  • 网络工程

在HTML中限制input 输入框只能输入纯数字的实现

您在这里:
  1. 首页
  2. HTML
  3. 在HTML…

限制 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 事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。

代码示例

?12345678910        input    只能输入纯数字的输入框:

到此这篇关于在HTML中限制input 输入框只能输入纯数字的实现的文章就介绍到这了,更多相关html限制input输入数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

(adsbygoogle = window.adsbygoogle || []).push({});

Category: HTMLstartupplaza2022年5月30日评论

作者: startupplaza

文章导航

历史的文章历史的文章:html+css实现充电水滴融合特效代码未来的文章未来的文章:利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

Related Posts

HTML用户注册页面设置源码
2022年5月30日
详解HTML元素的height、offsetHeight、clientHeight、scrollTop等梳理
2022年5月30日
利用div+css3实现一个背景渐变的button按钮的示例代码
2022年5月30日
html父子页面iframe双向发消息的实现示例
2022年5月30日
在HTML里加载摄像头的方法
2022年5月30日
详解html-webpack-plugin使用
2022年5月30日

技术探讨

  • 使用HTML5捕捉音频与视频信息概述及实例
  • HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
  • 详解HTML5中的