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

最新推荐文章于 2024-01-10 10:15:08 发布

原创最新推荐文章于 2024-01-10 10:15:08 发布 · 1.3w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

mui 专栏收录该内容

11 篇文章

订阅专栏

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

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)">