readonly与disabled的区别

一. 范围不同

readonly 只对 <input>和<textarea>标签有效

disabled 对所有表单元素都有效, 包括：<input>, <textarea>, <button>, <label>, <option>, <select>等

二. 程度不同

readonly 只是将元素设置为只读，不可输入，对其它操作没有影响

disabled 阻止元素的一切操作。包括 获取焦点，点击事件等

三. 表单提交

readonly 只是将元素设置为只读，不影响表单提交

disabled 设置了该属性的表单元素，值将不会随着表单一起提交

四. JavaScript操作

设置了readonly和disabled的表单元素，用户无法再界面上改变它的值。但通过JavaScript是可以改变其值的，同样背景色，字体颜色等也可以通过JavaScript来改变。

参考于： https://www.cnblogs.com/ypppt/p/13690507.html