html5 文本框限制,html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度...

input禁止输入(禁止获得焦点)

1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。

2：disabled   被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与 一起使用。

3：通过控制input的max length为0实现

4：οnfοcus="this.blur();"onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了

input输入数字和长度限制

1.type='number' 限制输入为数字，oninput判断限制长度(发现用了type='number'之后maxlength就不能用了)

2.用maxlength限制长度，oninput限制输入框为纯数字

a、onkeyup = "value=value.replace(/[^\d]/g,'')"

使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母

b、onchange = "value=value.replace(/[^\d]/g,'')"

使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应

c、oninput = "value=value.replace(/[^\d]/g,'')"

使用 oninput 事件，完美的解决了以上两种问题，测试暂时还没有出现其它问题。