使文本框不可编辑

为了使本框不可编辑，我们可以使用下面几种方法
解决思路：
文本框的内容只用来显示而不允许用户随意编辑的时候是很有必要。
步骤：
方法一：设置<input>标签的readonly属性为true。
具体Html代码如下：

Html代码

1. <input type="text" value="readonly" readonly=“true"/>   

Html代码

1. <input type="text" value="readonly" readonly=“true"/>   

<input type="text" value="readonly" readonly=“true"/> 

  

方法二：设置disabled属性为true。
具体代码如下：

Html代码

1. <input type="text" readonly="true" />  

Html代码

1. <input type="text" readonly="true" />  

 <input type="text" readonly="true" />

方法三：在对象focus时立刻让它blur，使它无法获得焦点。
Html代码
1.

Html代码

1. <input type="text"  onfocus="this.blur()">   

Html代码

1. <input type="text"  onfocus="this.blur()">   

<input type="text"  οnfοcus="this.blur()"> 

  
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。
注意：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 readonly是可以提交的。