web 前端

inputinput 属性为 number,maxlength不

2019-04-02  本文已影响37人  一号聪明
  <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">
上一篇下一篇

猜你喜欢

热点阅读