<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<!--表单元素 禁用，设置disabled属性就可以了-->
<!--<input type="text" disabled="true"/>-->
<!--<input type="password" disabled="disabled"/>-->
<!--<input type="button" value="按钮" disabled/>-->
<!--表单元素里面 disable属性，还有checked属性，还有selected属性，他们设置上了是一种状态，没有设置上是另外一种状态，那像这样的属性，如果要用js来设置的话，就给他们设置true或者false的值。-->
<!--<input type="checkbox"/><input type="checkbox" checked/>-->
<!--<br/><br/>-->
<!--<select name="" id="">-->
<!--<option value="">1</option>-->
<!--<option value="">2</option>-->
<!--<option value="" selected>3</option>-->
<!--</select>-->
<!--<br/><br/>-->
<!------------------------------------------------------------------>
<input type="text" />
<input type="password" />
<input type="button" value="按钮" />
<button id="btnJY">禁用</button>
<button id="btnQY">启用</button>
<script>
//1.如何用js来设置表单元素的禁用呢？
var btnJY = document.getElementById("btnJY");
var btnQY = document.getElementById("btnQY");
var inps = document.getElementsByTagName("input");
//2.给禁用按钮设置单击事件
btnJY.onclick = function () {
//给inps里面的每一个标签，设置禁用。
for(var i = 0 ; i < inps.length; i++){
//如果html标签里面设置了某种属性是一种状态，没有设置这个属性是另外一种状态
//像这样的属性，如果想用js来设置，那么就给这个属性设置true或者false的值。
inps[i].disabled = true;
}
}
//3.给启用按钮设置单击事件
btnQY.onclick = function () {
//给每一个表单元素（inps）设置disable = false。
for(var i = 0 ; i < inps.length; i++){
inps[i].disabled = false;
}
}
</script>
</body>
</html>