1.样式不同
（1）readonly表示只读，一般表示对文字内容只读，即不可更改内容，使用时外观无变（2）disabled表示是残疾，是残废,不管什么内容都会无效；使用时文本框会变灰
2.有效范围不同
（1）readonly只针对input和textarea之类的可以输入的文本有效（2）disabled对所有的表单元素都有效
3.是否获取鼠标标点
（1）readonly为true用户不能编辑但光标可以聚焦（2）disabled为true光标不能聚焦也不可编辑，无鼠标点击或进入等事件
4.是否能够提交数据
（1）readonly不影响表单提交等问题（2）disabled不支持表单等的值被提交
1.文本框标签格式<input
type="text"
/>；
2.
设置文本框为只读属性readonly="readonly"；
3.
最终方式：<input
type="text"
readonly="readonly"/>；
设置CSS中属性使表单元素方法有：
1、使用readonly="readonly"属性，让输入框变为只读。
代码示例一：
<input type="text" readonly="readonly" value="代码示例一">2、使用disabled="disabled"属性，输入框变为灰色背景只读，但无法再提交被禁用的元素值。
代码示例二：
<input type="text" disabled="disabled" value="代码示例二">3、使用onfocus="this.blur()"属性，和使用readonly效果一样，但是禁止选中。
代码示例三：
<input type="text" onfocus="this.blur()" value="代码示例三">三个示例的效果图：
