html中input不可用或是只读的几种方式和区别简介

将HTML的文本框设置成不可编辑状态

 

方法1: onfocus=this.blur();

<input type="text" class="form-control" datatype="*" id="membershipName" name="membershipName" onfocus=this.blur()>

 

方法2:  readonly

 <input type="text" class="form-control" datatype="*" id="membershipName" name="membershipName" readonly>

<input type="text" class="form-control" datatype="*" id="membershipName" name="membershipName" readonly="true">

方法3: disabled

 

<input type="text" class="form-control" datatype="*" id="membershipName" name="membershipName" disabled>

区别:

两者功能上有很大的差意 
当表单与数据库交互时，第一种没问题，但第二种就不行，第一种只是把input设为只读，在提交到数据库的时候数据依然存在 
而第二种并不是只读状态，而是关闭状态！

---

还好我们处于人生旅途,继续前进

 

---