网站首页
免费技术
源码下载
免费软件
域名空间
活动资讯
值得一看
关于本站
网址导航
您的位置:首页 > 建站知识 > HTML中实现input只能输入数字的方法是什么?
HTML中实现input只能输入数字的方法是什么?
2023-2-19    255    0

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