200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html5 文本框限制 html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度...

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

时间:2024-01-10 23:07:02

相关推荐

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事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。