<input type="text" maxlength="11" /> 效果ok，

　　当 <input type="number" maxlength="11" />时maxlength失效，长度可以无限输入。

　　解放方案：

　　<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />
　　很简单，搞定！

　　补充：

　　slice()定义和用法
　　slice() 方法可从已有的数组中返回选定的元素(截取，包头不包尾)。
　　slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
　　注意： slice() 方法不会改变原始数组。

——网上获取

<input>属性为number,maxlength不起作用的解决方案的更多相关文章

  1. input 属性为 number，maxlength不起作用如何解决？

    <input type="text"  maxlength="5" />   效果ok, 当 <input type="number ...

  2. JQuery Mobile - input 属性为 number，maxlength不起作用如何解决？

    <input type="text"  maxlength="5" />   效果ok,当 <input type="number& ...

  3. 解决移动端 手机号input 属性为 number，maxlength无效情况

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

  4. input属性为number时，如何去掉+、-号？

    直接上答案 <style> input[type='number']{-moz-appearance:textfield;} input[type=number]::-webkit-inn ...

  5. input属性为number时，如何去掉右边的 +、-号

    修改css /* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearan ...

  6. input type="number"时，maxlength不起作用怎么解决

    最近小颖在做公司的angular项目时,发现当input type="number"时,maxlength不起作用,百度了下解决方式,顺便记录下,以便后期查看嘻嘻 <inpu ...

  7. input 类型为number型时，maxlength不生效？

    input 类型为number型时,maxlength不生效? 可以加oninput属性来控制最大长度:<input id="numInput" type="num ...

  8. html：input的type=number的时候maxlength失效问题

    <input type="text"  maxlength="5" />   效果ok,当 <input type="number& ...

  9. Input的size与maxlength属性的区别

    最近做项目用到input的size和maxlength属性,以前只顾用没有用心去看看这2个标签的区别,今天周末baidu了一下,有所理解.特记录于此!   <p>Name: <inp ...

随机推荐

  1. 【OCP-052】052最新考试题库分析整理-第7题

    7.Which is true about external tables? A) The ORACLE_DATAPUMP access driver can be used to write dat ...

  2. Net Manager测试连接测试没有成功，用户权限问题，以管理员身份运行后测试成功

    Net Manager测试连接测试没有成功,截图如下:

  3. MysqliDb 库的一些使用简单技巧（php）

    一.分页功能 假设接口要接受输入:page, page_limit,key,value,table 来查询 table 中 key like value 的元组中以 page_limit 为 page ...

  4. 洛谷P5284 [十二省联考2019]字符串问题（SAM+倍增+最长路）

    题面 传送门 题解 首先,我们把串反过来,那么前缀就变成后缀,建一个\(SAM\).我们发现一个节点的后缀是它的所有祖先 那么我们是不是直接按着\(parent\)树建边就可以了呢? 显然不是.我们假 ...

  5. wamp集成多个版本php （php7.0）

    https://www.cnblogs.com/ypf5208/p/5510274.html

  6. C++基础知识：成员函数、对象拷贝、私有成员

    一.综述 类是我们自己定义的数据类型(新类型) 设计类时要考虑的角度: (1)站在设计和实现者的角度来考虑 (2)站在使用者的角度来考虑 (3)父类,子类 二.类基础 (1)一个类就是一个用户自己定义 ...

  7. php 逐行读取文本文件

    在读取文本时,我们要注意一个事情,那就是换行符,应为我们在写文档时会手动换行,这个换行符需不需要保存就要看自己的需求了. 这里封装了两个方法,一个保留换行,一个不保留.$path为文件路径+文件名 1 ...

  8. 【实战】Apache Shiro 1.2.4 RCE

    poc: #coding: utf-8 import os import re import sys import base64 import uuid import subprocess impor ...

  9. 布局优化之ViewStub、Include、merge使用分析

    布局技巧 在Android开发过程中,我们会遇到很多的问题,随着UI界面越来越多,布局的重复性.复杂度也随之增加,所幸的是,Android官方也给出了几个对布局进行优化的方法,下面根据自己的理解对官方 ...

  10. Mac下使用Wine安装正则表达式工具RegexBuddy 4

    下载: (链接: https://pan.baidu.com/s/1bzRae6 密码: b5d3) 安装: 1.安装Wine 参考:http://www.cnblogs.com/EasonJim/p ...