几种常用禁止修改输入框的方法

1, 通过js实现-onfocus="this.blur()"

XML/HTML代码
  1. <input type="text" value="fisker" onclick="alert(this.value);" disabled />  

 输入框无法获得焦点,不能编辑
表单可以获得值。
可以复制。
蛮奇怪的,都选住了,还没有获得焦点?

2,readonly 

 XML/HTML代码

  1. <input type="text" value="fisker" onclick="alert(this.value);" readonly />  

 输入框只读。不能编辑
同样表单可以获得值。
也可以复制。

3,disabled 

XML/HTML代码
  1. <input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />  

 输入框灰色,不能编辑
可以用JS改变或获得其值,但提交时并不提交该值。

第一和第二效果差不多。视觉上
第一个,点击的时候光标会闪烁一下。
第三个,灰色的输入框看起来还是不喜欢。

发表新评论