input属性disabled和readonly的区别（超详细的~~~~）(转)

1.两种情况的写法，没什么太大的区别，两个属性而已

disabled写法：<input type="text" name="aaa" value="xxx" disabled="true"/>

readonly写法：  <input type="text" name="bbb" value="xxx" readonly="true"/>

2.

两种写法的相同点：

 都会使文本框变成只读，不可编辑

不同点： 

1.disabled属性在将input文本框变成只读不可编辑的同时，还会使文本框变灰，但是readonly不会。

2.disabled属性修饰后的文本框内容，在不可编辑的同时，通过js也是获取不到的。例如$("input [name='aaa']").val()是不好用的。但是用readonly修饰后的文本框内容，是可以通过js获取到的，也就只是简单的不可编辑而已！

3.disabled属性对input文本框，单选radio,多选checkbox都适用，但是readonly就不适用，用它修饰后的单选以及多选按钮仍然是可以编辑状态的。
--------------------- 
作者：MoreOpen 
来源：CSDN 
原文：https://blog.csdn.net/qq_42033495/article/details/83091263 
版权声明：本文为博主原创文章，转载请附上博文链接！