博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单中Readonly和Disabled的区别
阅读量:6429 次
发布时间:2019-06-23

本文共 688 字,大约阅读时间需要 2 分钟。

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

你可能感兴趣的文章
mybatis中的#和$的区别
查看>>
ubuntu下搭建NDK环境
查看>>
MessageDigest简单介绍
查看>>
webpack window 使用sass来编译css样式
查看>>
D3 & Data Visualization in Ext JS
查看>>
java通过UUID生成16位唯一订单号
查看>>
001-web基本程序搭建
查看>>
函数指针和指针函数
查看>>
Intel 揭秘:如何在公有云、混合云和私有云间合理放置工作负载
查看>>
借力AI 极验如何构建下一代业务安全?
查看>>
用Python制作迷宫GIF
查看>>
支付宝推出基于区块链跨境支付,巨头入场小企业将面临灭顶之灾
查看>>
从事互联网行业,怎样才能快速掌握一门编程语言呢?
查看>>
谈谈fail-fast与fail-safe是什么以及工作机制
查看>>
深入浅出换肤相关技术以及如何实现
查看>>
Redis 基础、高级特性与性能调优
查看>>
React native 第三方组件 React native swiper
查看>>
接口幂等设计
查看>>
编程入门指南
查看>>
移动端的自适应方案—REM
查看>>