input的type为number

时间：2018-08-05 11:39:50 阅读：139 评论：0 收藏：0 [点我收藏+]

1、右侧出现上下加减按钮

　　不显示上下加减按钮

解决

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

2、maxlength不起作用如何解决

如：<input type="number" maxlength="11" >时maxlength失效，长度可以无限输入。(输入手机号常用)

解决：

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

oniput 是 输入 用户输入时触发
onpaste 是粘贴 用户粘贴时触发

或

使用 tel 属性

<input type="tel" maxlength="11">

原文：https://www.cnblogs.com/zelzzz/p/9424741.html

踩

(0)

评论一句话评论（0）

分享档案

更多>