input只能输入数字并限制长度

小河流水人家z

于 2017-08-04 11:27:06 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： mui 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_29944285/article/details/76672399

mui 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS的方法来限制input[type=number]的输入仅为数字，并且设置了最大输入长度为5位数。此外，还展示了如何通过内联样式移除Chrome和Firefox浏览器中数字输入框的增减按钮。

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

input只能输入数字并限制长度

<style>

/*在chrome下移除input[number]的上下箭头*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
/*在firefox下移除input[number]的上下箭头*/
input[type="number"]{-moz-appearance:textfield;}
<style>

<input type="number" oninput="if(value.length>5)value=value.slice(0,5)">