表单中Readonly和Disabled的区别

Posted 2020-08-25 街头浪子kevin

1、readonly是要锁定这个控件，通过在界面上无法修改他（但是通过javascript可以修改他）。

2、disabled和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值，但是disabled的更彻底一些，他是要使你完全不能使用他，包括改变他的背景颜色，如果是checkbox则不能选中他。

3、所有控件都有disabled 属性，但是不一定有readonly属性，

　　Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

4、表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去。

　　可以在提交表单之前再将disabled设置移除

js设置：
　　启用--dom.setAttribute("disabled","disabled")
　　禁用--dom.removeAttribute(“disabled”)
jquery设置：
　　启用--$("#id").attr("disabled","disabled")
　　禁用--$("#id").removeAttr("disabled")
注：很多人都认为设置disabled="true"是为启用，设置为“false”时为禁用，这是错的。