input 属性为 number,maxlength不起作用如何解决?

  <input type="text"  maxlength="11" /> 
  <input type="text" placeholder="请输入手机号码" maxlength="11" />

  当我们给input添加上number的属性是,发现maxlength属性失效了,并没有限制住它的字数。可以无限输入。这时候限制输入的字符串长度并截断,其中字符串(含中英文混合字符串)

  <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />
  ENTER键可以让光标移到下一个输入框
  <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 
  只能是中文
  <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> 
  屏蔽输入法
   <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> 
  只能显示,不能修改
  <input readonly value="只能显示,不能修改">
  文本框只能输入数字代码(小数点也不能输入)
  <input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">
  只能输入字母和汉字
  <input onkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="Numbers">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 11,132评论 0 10
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 9,947评论 0 5
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 10,039评论 0 11
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,397评论 5 19
  • 新年的钟声敲响 我突然有点心慌 要做的事情太多 却不知道余生有多长 总想做一个全新的自己 感觉时间很匆忙 这不,天...
    桐苑秋语阅读 3,434评论 9 16