input readOnly只读属性与disabled属性设置方法,禁止值被修改,但显示为disabled的样式,且可以在请求中传递,则可以通过采用readonly,修改字体颜色实现。
readonly与disabled属性区别:
readonly 不可编辑,可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值可以在请求中传递
disabled 不可编辑,不可以获得焦点,背景颜色默认灰色,值的字体颜色默认为灰色,值不可以在请求中传递;
禁止值被修改,但显示为disabled的样式,且可以在请求中传递,则可以通过采用readonly,修改字体颜色实现。
代码如下:
复制代码 代码示例:
<html>
<form>
<input name="1" type="text" size="20" value="readonly" readonly="readonly">
<input name="1" type="text" size="20" value="readonly" readonly="readonly" style="color:#aaa ;" mce_style="color:#aaa ;">
<input name="2" type="text" size="20" value="disabled" disabled="disabled">
<input name="1" type="text" size="20" value="normal">
</form>
</html>
javascript设置readOnly只读属性:
document.getElementById(id).setAttribute("readonly", "readonly");
document.getElementById(id).removeAttribute("readonly");