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

BiangBaing

于 2021-06-17 16:43:05 发布

阅读量219

点赞数

CC 4.0 BY-SA版权

文章标签： html

原文链接：https://blog.youkuaiyun.com/w6990548/article/details/79388905

本文介绍了一个使用Vue.js实现的输入框组件，该组件能够通过键盘上下箭头调整输入值，并限制输入只能为数字。同时展示了如何绑定当前值以及设置最大最小限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文链接 https://blog.youkuaiyun.com/w6990548/article/details/79388905

<input v-model="currentValue" 
		:max="max" :min="min" 
        @keyup.38="topUp"
        @keyup.40="bottomUp"
        oninput="value=value.replace(/[^\d]/g,'')"
       	style="width: 200px" />

currentValue为input绑定显示的值