[html] 谈谈你对input元素中readonly和disabled属性的理解

相同点:都会使文本框变成只读,不可编辑。不同点:1.disabled属性在将input文本框变成只读不可编辑的同时,还会使文本框变灰,但是readonly不会。2.disabled属性修饰后的文本框内容,在不可编辑的同时,通过js也是获取不到的。但是用readonly修饰后的文本框内容,是可以通过js获取到的,也就只是简单的不可编辑而已!3.disabled属性对input文本框,单选radio,多选checkbox都适用,但是readonly就不适用,用它修饰后的单选以及多选按钮仍然是可以编辑状态的。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 谈谈你对input元素中readonly和disabled属性的理解相关推荐

  1. jquery设置表单元素只读_jquery设置元素readonly与disabled属性

    jquery api中提供了对元素应用disabled和readonly属性的方法. 1,jquery 设置readonly属性 例1, 复制代码 代码示例: $('input').attr(&quo ...

  2. disabled计算机语言,jquery设置元素的readonly和disabled详解

    1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input' ...

  3. html中 readonly和disabled的区别

    要说readonly和disabled的区别,就需要先说说两者的联系: 两个属性都可以作用于input等表单元素上,都使得元素成为"不可用"的状态: 两者的字面意义先介绍一下: r ...

  4. form表单中input元素readonly和disabled属性的区别:

    disabled 指当input元素加载时禁用此元素,disabled=true时,无法修改内容,input内容不会随着表单被提交 readonly规定输入字段为只读,readonly=true时,页 ...

  5. readonly与disabled属性在css中区别

    论readonly与disabled在css中区别 之前在项目中遇到的一个问题,现在想把它记录下来. 当项目需求上需要在文本框中禁用输入某个值的时候,我第一个反应是用了disabled,因为之前一直接 ...

  6. ASP.NET 2.0中TextBox服务器控件的ReadOnly和Disabled属性

    在以前的ASP.NET 1.x版本中,设置为ReadOnly的TextBox控件在客户端更改了值后,在服务器端仍然可以得到修改后的值,但在ASP.NET 2.0中,这种做法已经限制.这是为了提高应用程 ...

  7. html 复选框name值,HTML(5)表单元素以及对各个表单元素的name、value属性的理解

    我在学习表单元素的时候感觉很混乱,特别是 name value这两个属性,没有真正理解它们是干什么的,所以需要梳理一下. HTML表单元素主要有 HTML5新增的表单元素有三个 下面梳理一下这些表单元 ...

  8. 从Mixin到hooks,谈谈对React16.7.0-alpha中即将引入的hooks的理解

      为了实现分离业务逻辑代码,实现组件内部相关业务逻辑的复用,在React的迭代中针对类组件中的代码复用依次发布了Mixin.HOC.Render props等几个方案.此外,针对函数组件,在Reac ...

  9. php静态方法怎么调用非静态属性,关于静态方法不能调用类中的非静态属性的理解...

    class test{ public $a; public function game(){ echo "123"; } public static function name() ...

最新文章

  1. ubuntu 目录结构
  2. dedecms调用当前栏目ID与当前栏目顶级ID的方法
  3. spring注解事务
  4. linux shell 脚本嵌套调用 获取脚本自身文件名
  5. Docker查看远端仓库的标签工具
  6. eclipse搭建SSH框架详解
  7. 怎么评价两组数据是否接近_接近组数据(组间)
  8. rpm包安装mysql配置文件目录_CentOS6.5系统下RPM包安装MySQL5.6
  9. python可以处理多大的数据_科多大数据之Python基础教程之Excel处理库openpyxl详解...
  10. C++设计模式-装饰模式
  11. python万年历实验报告_Python实现的简单万年历例子分享
  12. jeesite如何配置swagger_Spring Boot 2.x基础教程:Swagger接口分类与各元素排序问题详解...
  13. 数据可视化技术对于企业的重要性
  14. 查看audio信息工具(十九)
  15. EO CAT软件下载数据
  16. 商品中心 --- 淘宝类目属性体系
  17. IDCC2018|北京福通四维科技有限公司副总经理胡海山:顺鑫集团智慧农业领域深耕的数据化转型之路...
  18. 时速云Kubernetes进阶培训 第三期
  19. 企业入职测试题目及答案_[企业入职性格测试题以与答案信息]新员工入职性格测试题...
  20. java项目学生量化管理考核细则_班级管理量化考核细则范本

热门文章

  1. shopify二次开发教程_详细教程:如何将Shopify的Storefront API与React和Redux结合使用...
  2. 如何确定Ionic是否适合您的项目
  3. 裁判打分_内在的裁判偏见
  4. 2019春季学期进度报告(十四)
  5. 转 IDEA 解决代码提示功能消失
  6. jquery实时监听输入框值变化
  7. 灾难 BZOJ 2815
  8. 高级软件工程课程第一次作业的小结
  9. [leetcode]Generate Parentheses
  10. C#中的扩展方法,Linq,IO和多线程的定义和实例