几种常用禁止修改输入框的方法 博客分类： html text

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


双击代码全选 1 　代码:<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

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

　　表单可以获得值。

　　可以复制。

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

　　2,readonly


双击代码全选 1 　代码:<input type="text" value="fisker" onclick="alert(this.value);" readonly />

　　输入框只读。不能编辑

　　同样表单可以获得值。

　　也可以复制。
<form id="form1" name="form1" method="post" action="" >
  <label>11
  <input type="text" name="test" value="111"/>
  </label>
</form>
<script language="javascript">
document.all.form1.test.readOnly=true;
</script>

　　3,disabled


双击代码全选 1 　代码:<input type="text" value="fisker" onclick="alert(this.value);" disabled />

　　输入框灰色，不能编辑

　　可以用JS改变或获得其值，但提交时并不提交该值。

　　第一和第二效果差不多。视觉上

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

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