JavaScript

1、置灰——元素节点.disabled，它的取值是一个布尔值，true表示置灰，false表示可用

2、只读——元素节点.readOnly,它的取值是一个布尔值，true表示只读，false表示可用

区别：当一个表单控件被disabled，那么它的值不能被提交

当一个表单控件被readOnly，那么它的值可以被提交

置灰：

document.getElementById("btn3").onclick=function (){
                var strNode=document.getElementById("str");
                if(strNode.disabled){
                    strNode.disabled=false;
                }else{
                    strNode.disabled=true;
                }
            }
<input type="text" id="str">

<button id="btn3">是否置灰</button>

只读：