html input如何只能输入数字
程序员文章站
2022-03-06 22:48:15
...
input只能输入数字的方法:在input标签中使用oninput属性配合正则表达式添加输入限制事件即可,语法格式“<input oninput = "value=value.replace(/[^\d]/g,'')">”。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
html input标签 要求只能输入纯数字
在input标签添加oninput = "value=value.replace(/[^\d]/g,'')"
代码即可
示例:
<input type="text" oninput = "value=value.replace(/[^\d]/g,'')">
效果图
说明:
oninput 事件在用户输入时触发。
该事件在 <input> 或 <textarea> 元素的值发生改变时触发。
HTML 中:
<element oninput="myScript">
JavaScript 中:
object.oninput=function(){myScript};
推荐教程:《html视频教程》
以上就是html input如何只能输入数字的详细内容,更多请关注其它相关文章!
上一篇: css怎么设置不显示下边框
下一篇: css怎样设置椭圆
推荐阅读
-
select 下拉框如何可以选择option里面的值,也可以用户自己输入啊?_html/css_WEB-ITnose
-
php限制只能输入英文字符和数字的正则表达式
-
iOS 键盘输入限制(只能输入字母,数字,禁止输入特殊符号)
-
C#中winform控制textbox输入只能为数字的方法
-
C#中winform控制textbox输入只能为数字的方法
-
兼容firefox的文本框只能输入两位小数的数字的代码
-
js限制文本框只能输入数字(正则表达式)
-
HTML 5 input placeholder 属性如何完美兼任ie
-
C# TextBox控件实现只能输入数字的方法
-
HTML5新增的8类INPUT输入类型介绍