[html] 谈谈你对input元素中readonly和disabled属性的理解
[html] 谈谈你对input元素中readonly和disabled属性的理解
相同点:都会使文本框变成只读,不可编辑。不同点:1.disabled属性在将input文本框变成只读不可编辑的同时,还会使文本框变灰,但是readonly不会。2.disabled属性修饰后的文本框内容,在不可编辑的同时,通过js也是获取不到的。但是用readonly修饰后的文本框内容,是可以通过js获取到的,也就只是简单的不可编辑而已!3.disabled属性对input文本框,单选radio,多选checkbox都适用,但是readonly就不适用,用它修饰后的单选以及多选按钮仍然是可以编辑状态的。
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
[html] 谈谈你对input元素中readonly和disabled属性的理解相关推荐
- jquery设置表单元素只读_jquery设置元素readonly与disabled属性
jquery api中提供了对元素应用disabled和readonly属性的方法. 1,jquery 设置readonly属性 例1, 复制代码 代码示例: $('input').attr(&quo ...
- disabled计算机语言,jquery设置元素的readonly和disabled详解
1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input' ...
- html中 readonly和disabled的区别
要说readonly和disabled的区别,就需要先说说两者的联系: 两个属性都可以作用于input等表单元素上,都使得元素成为"不可用"的状态: 两者的字面意义先介绍一下: r ...
- form表单中input元素readonly和disabled属性的区别:
disabled 指当input元素加载时禁用此元素,disabled=true时,无法修改内容,input内容不会随着表单被提交 readonly规定输入字段为只读,readonly=true时,页 ...
- readonly与disabled属性在css中区别
论readonly与disabled在css中区别 之前在项目中遇到的一个问题,现在想把它记录下来. 当项目需求上需要在文本框中禁用输入某个值的时候,我第一个反应是用了disabled,因为之前一直接 ...
- ASP.NET 2.0中TextBox服务器控件的ReadOnly和Disabled属性
在以前的ASP.NET 1.x版本中,设置为ReadOnly的TextBox控件在客户端更改了值后,在服务器端仍然可以得到修改后的值,但在ASP.NET 2.0中,这种做法已经限制.这是为了提高应用程 ...
- html 复选框name值,HTML(5)表单元素以及对各个表单元素的name、value属性的理解
我在学习表单元素的时候感觉很混乱,特别是 name value这两个属性,没有真正理解它们是干什么的,所以需要梳理一下. HTML表单元素主要有 HTML5新增的表单元素有三个 下面梳理一下这些表单元 ...
- 从Mixin到hooks,谈谈对React16.7.0-alpha中即将引入的hooks的理解
为了实现分离业务逻辑代码,实现组件内部相关业务逻辑的复用,在React的迭代中针对类组件中的代码复用依次发布了Mixin.HOC.Render props等几个方案.此外,针对函数组件,在Reac ...
- php静态方法怎么调用非静态属性,关于静态方法不能调用类中的非静态属性的理解...
class test{ public $a; public function game(){ echo "123"; } public static function name() ...
最新文章
- ubuntu 目录结构
- dedecms调用当前栏目ID与当前栏目顶级ID的方法
- spring注解事务
- linux shell 脚本嵌套调用 获取脚本自身文件名
- Docker查看远端仓库的标签工具
- eclipse搭建SSH框架详解
- 怎么评价两组数据是否接近_接近组数据(组间)
- rpm包安装mysql配置文件目录_CentOS6.5系统下RPM包安装MySQL5.6
- python可以处理多大的数据_科多大数据之Python基础教程之Excel处理库openpyxl详解...
- C++设计模式-装饰模式
- python万年历实验报告_Python实现的简单万年历例子分享
- jeesite如何配置swagger_Spring Boot 2.x基础教程:Swagger接口分类与各元素排序问题详解...
- 数据可视化技术对于企业的重要性
- 查看audio信息工具(十九)
- EO CAT软件下载数据
- 商品中心 --- 淘宝类目属性体系
- IDCC2018|北京福通四维科技有限公司副总经理胡海山:顺鑫集团智慧农业领域深耕的数据化转型之路...
- 时速云Kubernetes进阶培训 第三期
- 企业入职测试题目及答案_[企业入职性格测试题以与答案信息]新员工入职性格测试题...
- java项目学生量化管理考核细则_班级管理量化考核细则范本