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的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。


本文转载:CSDN博客