修改文本框属性使之用户禁止输入文本

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

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

输入框无法获得焦点，不能编辑

表单可以获得值。

可以复制。

蛮奇怪的，都选住了，还没有获得焦点？
2,readonly

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

输入框只读。不能编辑

同样表单可以获得值。

也可以复制。
2,disabled

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

输入框灰色，不能编辑

可以用JS改变或获得其值，但提交时并不提交该值。
个人还是比较喜欢用readonly,因为 disabled 的 input 的值不能提交到表单。

其实第一和第二效果差不多。

视觉上

第一个，点击的时候光标会闪烁一下。

第三个，灰色的输入框看起来还是不喜欢。