HTML中实现input只能输入数字的方法是什么? - 陌路人博客

HTML中实现input只能输入数字的方法是什么?-陌路人博客-第1张图片陌路人

陌路人博客(blog.imlr.cn)
用心传递快乐,初心不变。

HTML中实现input只能输入数字的方法是什么?

HTML中实现input只能输入数字的方法是什么?-陌路人博客-第2张图片
html中实现input只能输入数字的方法是什么?在实际开发中,有些需求需要们对input标签设置只能输入数字,那么具体应该怎样做呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随一起了解如何设置input只能输入数字。
方法一
将<input>标签中的?type?属性直接设置为?number?就可以达到只能输入数字。但是这个方式有一个缺点,它只能作用于网页端,在手机输入的话还是可以输入汉字或英文
<input type="number" name="" >
方法二
还是一样在<input>标签上设置,代码如下
<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
该种可以在 input 框输入字母汉字但是会自动删除,最终只会留下数字。

×

感谢您的支持,我们会一直保持!

HTML中实现input只能输入数字的方法是什么?-陌路人博客- 第4张图片
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:陌路人博客 » HTML中实现input只能输入数字的方法是什么?
标签: 教程 代码

发表评论

表情

网友评论(0)