input readOnly只读属性与disabled属性设置示例

发布时间:2019-09-07编辑:脚本学堂
input readOnly只读属性与disabled属性设置方法,禁止值被修改,但显示为disabled的样式,且可以在请求中传递,则可以通过采用readonly,修改字体颜色实现。

readonlydisabled属性区别

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");