首页 >web前端 >html教程 > 正文

html input如何只能输入数字

原创2021-05-14 14:29:5701037

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,'')">

效果图

1.gif

说明:

oninput 事件在用户输入时触发。

该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

HTML 中:

<element oninput="myScript">

JavaScript 中:

object.oninput=function(){myScript};

推荐教程:《html视频教程

以上就是html input如何只能输入数字的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html input
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数456
    php中转换首字母大写的函数是什么376
    Javascript怎么检查对象是否为空895
    推荐视频教程
  • 从零开始构建HTML页面从零开始构建HTML页面
  • HTML前端基础第六部HTML前端基础第六部
  • HTML 中文开发手册HTML 中文开发手册
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • 视频教程分类