今天在弄项目时,用了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不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值