CSS属性disabled和readonly的区别是什么
在博客园中看到这样一篇文章,关于disabled和readonly的区别,以前还真的没有注意它们的区别,还是有必要知道它们的区别的,所以转载了。
这两个属性有类似之处,但是区别也是巨大的,之所以说类似,是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态,下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助。
一.作用范围不同
disabled
属性可以用于所有的表单元素。
readonly
属性只对<input type="text">、<textarea>和<input type="password">
有效。
二.对元素的影响程度不同
disabled
属性阻止对元素的一切操作,例如获取焦点,点击事件等等。
readonly
属性只是将元素设置为只读,其他操作正常。
三.表单提交
disabled
属性可以让表单元素的值无法被提交。
readonly
属性则不影响提交问题。
CSS属性disabled和readonly的区别是什么相关推荐
- input属性disabled和readonly的区别(超详细的~~~~)
1.两种情况的写法,没什么太大的区别,两个属性而已 disabled写法:<input type="text" name="aaa" value=&quo ...
- input属性disabled和readonly的区别
两种属性的写法如下: 1.<input type="text" name="name" value="xxx" disabled=&q ...
- input标签disabled和readonly属性的区别
input标签disabled和readonly属性的区别 readonly和disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容. disabled: 对于所有的表单 ...
- input中的disabled 和 readonly的区别
1.Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2.但是表单元素在使用了disabled后,当我们将表单以 ...
- disabled和readonly 以及焦点问题
文章目录 1.disabled和readonly 联系 区别 案例 什么属性可以阻止选中或者拷贝文本呢? html css hidden 属性是什么? 那么hidden为什么不能和disabled一起 ...
- CSS入门-五个简单,但有用的CSS属性
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-heigh ...
- DW中CSS属性详解
作者:未知 来源:5D多媒体 在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类型).Background(背 ...
- [转][HTML]css属性
1.字体属性(type) font-family(使用什么字体) font-style(字体的样式,是否斜体):normal/italic/oblique font-variant(字体大小写):no ...
- css 属性选择器笔记
1.基本选择器: eg: *{margin:0;padding:0}p{color:black}.content{background:red;}#intro{padding-left:2em;} 2 ...
最新文章
- 将Project的内容导出成单独的XPO文件
- Linux centos7 利用公钥,私钥实现免密登录SSH
- 实战Jenkins+SVN+tomcat持续集成发布
- 如何使用pip升级所有Python软件包?
- 为什么要重写 hashcode 和 equals 方法?
- 使用route命令解决一机双网访问
- Java21天打卡练习Day21-集合map
- 解决Scrapy-Redis爬取完毕之后继续空跑的问题
- [转]可爱的 Python:: 使用 itertools 模块中的组合函数
- UCSC Xena:癌症基因组学数据分析平台
- BUUCTF Quoted-printable编码
- 岩板铺地好吗_**岩板铺地「泉州泰亨石材供应」
- 没有钱没技术没学历应该怎么去创业?
- MongoDB数据库的简介与安装步骤
- ZUI + SSM框架下数据表格的使用
- 使用Unity制作游戏AI
- 活水渠-云影院之云时代的观影方法
- 为了提高python代码运行速度和进行_一行代码让你的python运行速度提高100倍
- 大数据导论答案_智慧树知到_大数据概论_章节测验答案
- Android接电话流程、Phone来电过程、phone上层来电话解析 接通电话