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">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容