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">