代码改变世界

关于原始input的一些事情

2018-10-30 14:08  WEB前端小菜鸟  阅读(401)  评论(0编辑  收藏  举报

1.关于input type为number时 maxlength失效

<input class="myfrom-input" type="text" id="name" name="name" value="" placeholder="请填写申请人" maxlength="10" >
普通 的可以 生效,但是为number时不行

<input class="myfrom-input" type="number" id="phone" value="" name="phone" placeholder="请填写联系人电话" oninput="if(value.length>11)value=value.slice(0,11)" 

onkeyup="this.value=this.value.replace(/\s+/g,'')"

>
需要这么写才会生效,

onkeyup="this.value=this.value.replace(/\s+/g,'')"这个的意思呢就是输入框里面不能有空格,去掉空格


关于它在火狐浏览器时它会有上下剪头,解决方案

在style里面写入这句话就搞定

 

input[type="number"]{-moz-appearance:textfield;}