首页 > 代码库 > 如何使input为只读状态

如何使input为只读状态

关于input元素  大家在平时都会经常用到。

但有时候可能就会有一些要求,比如说只读状态。

可能有些人就觉的这还不简单,直接readyonly就OK了,

是的   确实如此,但本人还是要归纳总结一下几个方法:

一、设置disabled属性  为true

<input type="text" value="http://www.mamicode.com/方法1 disabled=true" disabled=true> 

 

二、直接添加disabled

<input type="text" value="http://www.mamicode.com/方法2 disabled" disabled> 

 

三、添加readyonly
<input type="text" value="http://www.mamicode.com/方法3 readonly" readonly> 

 

四、获得焦点的时候让它失去焦点
<input type="text" value=http://www.mamicode.com/‘方法4 onFocus="this.blur()"‘ onFocus="this.blur()">