HTML如何限制input输入框只能输入纯数字-html教程-PHP中文网

代码示例

首页

web前端

html教程

HTML如何限制input输入框只能输入纯数字

Apr 25, 2021 am 09:19 AM

input 数字

本篇文章给大家介绍在HTML中限制input输入框只能输入纯数字的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

onkeyup = &quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;

登录后复制

使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母

onchange = &quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;

登录后复制

使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应

oninput = &quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;

登录后复制

使用 oninput 事件，完美的解决了以上两种问题，测试暂时还没有出现其它问题。

代码示例

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot; /&gt;
    &lt;title&gt;input&lt;/title&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
    只能输入纯数字的输入框:&lt;input type=&quot;text&quot; name=&quot;&quot; oninput=&quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;&gt;
    &lt;/body&gt;
    &lt;/html&gt;

登录后复制

推荐学习：html视频教程

以上是HTML如何限制input输入框只能输入纯数字的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn