首页 > 代码库 > 表单中Readonly和Disabled的区别
表单中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”时为禁用,这是错的。
表单中Readonly和Disabled的区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。