html input如何只能输入数字

input只能输入数字的方法：在input标签中使用oninput属性配合正则表达式添加输入限制事件即可，语法格式“”。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

html input标签 要求只能输入纯数字

在input标签添加oninput = "value=value.replace(/[^\d]/g,'')"代码即可

示例：

<input type="text" oninput = "value=value.replace(/[^\d]/g,&#39;&#39;)">

效果图

立即学习“前端免费学习笔记（深入）”；

说明：

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

该事件在 或 元素的值发生改变时触发。</p><p>HTML 中:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><element oninput="myScript"></pre></div><p>JavaScript 中:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">object.oninput=function(){myScript};</pre></div><p>推荐教程：《html视频教程》</p> <!-- /Article --> <div></div> <div><a href="http://the24.cn/post/9658.html" title="html怎么隐藏文本框">上一篇: html怎么隐藏文本框</a></div> <div style=" margin-bottom:8px;"><a href="http://the24.cn/post/9656.html" title="html怎么给button设置图片">下一篇: html怎么给button设置图片</a></div> <div class="sw-modBox mt15"> <p>作者：<a href="http://the24.cn/author-1.html" target="_blank" style="color:#333" rel="nofollow">admin</a> @ <a href="http://the24.cn/" target="_blank" style="color:#333">24资源网</a>   2024-09-27</p> <p>本站所有软件、源码、文章均有网友提供，如有侵权联系308410122@qq.com</p> </div> <div class="sw-modBox mt15"> <h3>与本文相关文章</h3> <ol> </ol> </div> <div class="sw-modBox mt15"> <label id="AjaxCommentBegin"></label> <!--评论输出--> <!--评论翻页条输出--> <div class="pagebar commentpagebar"> </div> <label id="AjaxCommentEnd"></label> <!--评论框--> <div class="post" id="divCommentPost"> <p class="posttop"><a name="comment">发表评论:</a><a rel="nofollow" id="cancel-reply" href="#divCommentPost" style="display:none;"><small>取消回复</small></a></p> <form id="frmSumbit" target="_self" method="post" action="http://the24.cn/zb_system/cmd.php?act=cmt&postid=9657&key=5f6ad64edb9ffce25341d4cad4feff2c" > <input type="hidden" name="inpId" id="inpId" value="9657" /> <input type="hidden" name="inpRevID" id="inpRevID" value="0" /> <p><input type="text" name="inpName" id="inpName" class="text" value="访客" size="28" tabindex="1" /> <label for="inpName">名称(*)</label></p> <p><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" /> <label for="inpEmail">邮箱</label></p> <p><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" /> <label for="inpHomePage">网址</label></p> <p><label for="txaArticle">正文(*)</label></p> <p><textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" >

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。