html input如何只能输入数字-木庄网络博客

2022-03-15 03:28:04 PHP中文网 JavaScript 952 0 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

input只能输入数字的方法：在input标签中使用oninput属性配合正则表达式添加输入限制事件即可，语法格式“<input oninput = "value=value.replace(/[^\d]/g,'')">”。

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

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

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

示例：

1	`<input` `type="text"` `oninput` `=` `"value=value.replace(/[^\d]/g,'')">`

效果图

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者