disabled
这两个不是css中的属性,(只能在html或者js实现)css只是实现网页表现的内容,参考css说明:
什么是样式表:
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
两者都起到form表单不能编辑文本框不能输入的作用,区别如下:
1.样式不同
(1)readonly表示只读,一般表示对文字内容只读,即不可更改内容,使用时外观无变(2)disabled表示是残疾,是残废,不管什么内容都会无效;使用时文本框会变灰
2.有效范围不同
(1)readonly只针对input和textarea之类的可以输入的文本有效(2)disabled对所有的表单元素都有效
3.是否获取鼠标标点
(1)readonly为true用户不能编辑但光标可以聚焦(2)disabled为true光标不能聚焦也不可编辑,无鼠标点击或进入等事件
4.是否能够提交数据
(1)readonly不影响表单提交等问题(2)disabled不支持表单等的值被提交
具体步骤: \x0d\x0a方法一:设置readonly属性为true。\x0d\x0a\x0d\x0aHtml代码\x0d\x0a1. \x0d\x0a\x0d\x0a\x0d\x0a方法二:设置disabled属性为true。\x0d\x0a\x0d\x0aHtml代码\x0d\x0a1. \x0d\x0a\x0d\x0a\x0d\x0a方法三:在对象focus时立刻让它blur,使它无法获得焦点。\x0d\x0a\x0d\x0aHtml代码\x0d\x0a1. \x0d\x0a\x0d\x0a\x0d\x0a提示:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。