input中readonly和disabled区别

转载自：http://www.huoyue.org/input-readonly-disabled

input中readonly和disabled区别

今天在弄项目时，用了disabled，但是字体的颜色发现改不了，成了灰色的，但是数项数据女是重点不能用灰色，正郁闷着。不过幸好一下看到了reaonly,后来改成readonly就好了。所以记录一下disabled和readonly的区别。！

先看input的属性定义：

 

属性	值	描述
disabled	disabled	当 input 元素首次加载时禁用此元素，这样用户就无法在其中写文本，或选定它。  注释：不能与 type="hidden" 一同使用。
readonly	readonly	指示此域的值不能被修改。  注释：仅可与 type="text" 配合使用。

 

另外我再看看这两个区别，先看代码：

 

readonly代码:<input type="text" name="readonly" readonly="readonly"  />

readonly不可编辑，可复制，可选择,可以接收焦点但不能被修改，后台会接收到传值.

disabled代码: <input type="text"  name="disabled" disabled="disabled" />

disabled不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值