如何让input只能填数字(用HTML5新属性方法最简单)

 分类:前端问答时间:2022-08-29 07:30:01点击:

如何让input只能填数字,下面方法两种方法推荐用HTML5新属性方法最简单。

方法1:用HTML5新属性方法

将<input>标签中的type属性直接设置为number就可以达到只能输入数字。但是这个方式有一个缺点,它只能作用于网页端,在手机输入的话还是可以输入汉字或英文

<input type="number" name="" >

方法2:js控制方法

还是一样在<input>标签上设置,代码如下:

<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">

该种可以在 input 框输入字母汉字但是会自动删除,最终只会留下数字。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: