input设置为只读模式

input框设置为只读依靠两个属性（disabled或readOnly），下面主要说明两者的区别：

1.disabled：作用范围大，所有input类型都有效，但被disabled修饰过的input的值不能随表单提交。

HTML中的表示：<input type="text" id="eg1" disabled="disabled">

JQUERY中的表示：$("#eg1").attr("disabled","disabled");

2.readOnly：作用范围较小，仅限于text，password，textarea等类型，但是修饰过的值可随表单一起提交。

HTML中的表示：<input type="text" id="eg1" readOnly=readOnly>

JQUERY中的表示：$("#eg1").attr("readOnly","readOnly");

总结：对于需要随表单提交的选择readOnly，对于readOnly作用不到的input类型（如：select）选择disabled，对于select这种需要只读又需要随表单提交的可以选择disable，在表单提交前在js中移除disabled属性即可。（disabled属性可能会影响背景颜色）