• 技术文章 >web前端 >html教程

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

    醉折花枝作酒筹醉折花枝作酒筹2021-04-07 18:33:59原创203

    限制input输入框只输入纯数字的方法:通过oninput事件,在事件中使用replace()函数配合正则表达式“/[^\d]/g,''”进行输入限制,实现input文本框只能输入数字,输入其它字符会自动清掉的效果。

    本教程操作环境:windows7系统、javascript1.8.5&&HTML5版、Dell G3电脑。

    限制 input 输入框只能输入纯数字

    使用 oninput 事件,限制input 输入框只能输入纯数字

    oninput = "value=value.replace(/[^\d]/g,'')"

    代码示例

    <!DOCTYPE html><html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>input</title>
    </head>
    <body>
        只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
    </body>
    </html>

    推荐学习:《HTML视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html;javascript
    上一篇:html设置背景图片的代码是什么 下一篇:html无法播放视频怎么办
    第15期线上培训班

    相关文章推荐

    • javascript中this的用法有哪些• javascript如何删除所有的cookie• JavaScript双斜杆代表啥• javascript怎么将字符串转为日期类型• javascript中怎么将字符串转为数字

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网