input框变为不可编辑状态

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，

如：使< input type=”text” name=”input1” value=”中国”> 的内容，”中国”两个字不可以修改。实现的方式归纳一下，有如下几种。

• 方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点

  < input type=”text” name=”input1” value=”中国” οnfοcus=this.blur()>

• 方法2：通过readonly 属性

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

• 方法3：通过disable属性

  < input type=”text” name=”input1” value=”中国” disabled=”disabled”>

总结：

1.是否会变色：
方法2和方法3会使输入框变成灰色；
方法1不会使输入框变成灰色 ；

2.是否能选中（按Tab键光标是否会进入）：
οnfοcus=this.blur()按Tab键不会进入（但也不会进入下下一个input框，实现原理是光标焦点离开了）；
readonly=”readonly”按Tab键会进入，而且可以选中并且复制其中的文字信息，只是不能修改罢了；
disabled=”disabled”按Tab键直接会跳过拥有disabled=”disabled”属性的input框，当然不会进入，也不能选中其中文字信息