disabled
这两个不是css中的属性，（只能在html或者js实现）css只是实现网页表现的内容，参考css说明：
什么是样式表：
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
大致可以这样子做：
.Dialog{position: absolutetop:0left:0background: #fffborder:1px solid #ddd-moz-border-radius:5px-webkit-border-radius:5pxborder-radius:5px
box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.1)
padding:0 10px
z-index: 99
}/*弹出层*/
/*弹出层遮罩*/
.Dialog-make{width:100%height:100%filter:alpha(opacity=5)opacity:.05position:absolutetop:0left:0z-index:98background:#000}
.Dialog-make iframe{width:100%height:100%filter:alpha(opacity=0)opacity:0border:0px}
当.Dialog层显示时，.Dialog-make层也显示，Dialog-make的z-index少于Dialog的z-index.那么就在Dialog下行成遮罩层，当前也只能操作Dialog层内的东西了
两者都起到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不支持表单等的值被提交
