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
的值不能提交到表单。
其实第一和第二效果差不多。
视觉上
第一个，点击的时候光标会闪烁一下。
第三个，灰色的输入框看起来还是不喜欢。
onfocus="this.blur()"
这个是说选定以后，无法编辑－－！
所以会以“闪烁光标”表示闪烁，接着是无法编辑
第二个效果，无法从视觉角度告诉人们“无法编辑”
自然，你可以用CSS结合JS来达到提示的效果
几种禁止修改输入框的方法（转）,布布扣,bubuko.com
原文：http://www.cnblogs.com/lq821-study/p/3604185.html