1. 首页
  2. >
  3. 技术代码
  4. >
  5. 前端技术

input输入框禁止输入的几种方式

有时候我们在处理input输入框的时候,特别是在修改或者查看一些数据的时候,不希望去修改里面的值

需要进行对input框进行禁止输入,那么以下几种方式就参考一下:

第一种:

<input type="text" name="username" value="ybb" onfocus=this.blur()>   

第二种:

<input type="text" name="username" value="ybb" readonly>   
<input type="text" name="username" value="ybb" readonly="true"> 

第三种:

<input type="text" name="username" value="ybb" disabled="true">  

第四种:

     <input name="username" type="text" onMouseOver="this.className='input'" onMouseOut="this.className='inputs'" value="ybb" disabled="true" readOnly="true" />