让文本框不能编辑的三种方法

HTML:让表单 文本框 只读，不可编辑的方法

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1: onfocus=this.blur()
在对象focus时立刻让它blur，使它无法获得焦点。
<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="中国" readonly>

<input type="text" name="input1" value="中国" readonly="true">

方法3: disabled
<input type="text" name="input1" value="中国" disabled>

提示：
readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 readonly是可以提交的

特别说明：
本例需要了解readonly和disabled属性的用法。需要掌握的一个技巧是如何让对象得不到焦点，主是要下面的事件或方法的应用：
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。