设置input只能输入数字

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

方法二
还是一样在标签上设置，代码如下：

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

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

补充：input 元素的类型–type 属性可以设置的值

值描述
button 定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
checkbox 定义复选框。
color 定义拾色器。
date 定义 date 控件（包括年、月、日，不包括时间）。
datetime 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-local 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
email 定义用于 e-mail 地址的字段。
file 定义文件选择字段和 “浏览…” 按钮，供文件上传。
hidden 定义隐藏输入字段。
image 定义图像作为提交按钮。
month 定义 month 和 year 控件（不带时区）。
number 定义用于输入数字的字段。
password 定义密码字段（字段中的字符会被遮蔽）。
radio 定义单选按钮。
range 定义用于精确值不重要的输入数字的控件（比如 slider 控件）。
reset 定义重置按钮（重置所有的表单值为默认值）。
search 定义用于输入搜索字符串的文本字段。
submit 定义提交按钮。
tel 定义用于输入电话号码的字段。
text 默认。定义一个单行的文本字段（默认宽度为 20 个字符）。
time 定义用于输入时间的控件（不带时区）。
url 定义用于输入 URL 的字段。
week 定义 week 和 year 控件（不带时区）。

设置input只能输入数字相关推荐

微信小程序 - 设置input只能输入数字
需求 view如下: <view class="ys-number-input {{error?'error':''}}"><input type="n ...
vue 设置input只能输入数字
方法一: 将<input>标签中的type属性直接设置为number就可以达到只能输入数字.优点:他直接能唤起数字键盘,缺点:它只能作用于网页端,在手机输入的话还是可以输入汉字或英 ...
设置input只能输入数字或小数（保留一位小数）
代码块可直接使用: function onlyNonNegative(obj) {//清除"数字"和"."以外的字符obj.value = obj.value. ...
控制HTML Input只能输入数字和小数点
转:https://www.cnblogs.com/esion/p/3342866.html 本文介绍三种控制在中只允许输入数字和小数点的方案. 方案1:通过JavaScript代码实现. JavaS ...
jquery 验证小数点后几位_（亲测可用）input只能输入数字或小数点后几位
webapp是基于html5网页版的app,经常会结合app成为混合模式 hybrid app,也就是 app小应用打开访问的其实是网页,这种方式非常不错,解决了app更新的难题, 所以这个时候要求 ...
INPUT只能输入数字
input只能输入数字: (只能输入数字,并且输入的值不能大于99),但是这样有个问题,就是当输入非数字字符时,输入框中所有的字符都会被清除 <input type="text&quo ...
移动端手机网站限制input只能输入数字
<input type="tel" name="num" value="1" maxlength="8" auto ...
微信小程序：正则 input只能输入数字
<input type="number" auto-focus focus='{{focus}}' value="{{value}}" bindinput ...
用js使得输入框input只能输入数字
JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input οnkeyup="this.value=this.value.replace(/\D/g,'' ...

设置input只能输入数字

设置input只能输入数字相关推荐

最新文章

热门文章