表单中Readonly和Disabled的区别

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”时为禁用,这是错的。

原文地址:https://www.cnblogs.com/zhaoyhBlog/p/6233198.html