html编辑框静止修改的方法

html编辑框静止修改的方法

     web开发中，经常需要设置浏览器输入框不可编辑，但可以通过其他事件改编输入框的值。

    实现方法:   

 

具体步骤： 
方法一：设置readonly属性为true。     通过该方法设置后,无法对input框进行编辑，外部事件无法编辑

Html代码
1.<input type="text" value="readonly" readonly>   
<input type="text" value="readonly" readonly>

方法二：设置disabled属性为true。  通过该方法设置后，输入框无法获取焦点，外部事件无法编辑

Html代码
1.<input type="text" value="disabled" disabled>   
<input type="text" value="disabled" disabled>

方法三：在对象focus时立刻让它blur，使它无法获得焦点。  通过该方法可实现，不编辑输入框

Html代码
1.<input type="text" value="οnfοcus=this.blur()" οnfοcus="this.blur()">   
<input type="text" value="οnfοcus=this.blur()" οnfοcus="this.blur()">

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