JS之禁用文本框

1.我们可以直接用关键字disabled="true"来禁止文本的修改

2.通过js代码来实现禁用文本框

<body>
账号：<input type="text" name="t1" value="文本1" ><button>禁用</button></br>
密码：<input type="password " name="pw"/><button>解禁</button>
</body>
<script>
//获取事件源和相关元素
var inp = document.getElementsByTagName("input")[0];
var btn = document.getElementsByTagName("button")[0];
var btn2 = document.getElementsByTagName("button")[1];
//绑定事件
btn.onclick = function(){
    //书写事件驱动程序
    inp.disabled = "true";
}
btn2.onclick = function(){
inp.disabled = 0;
}
</script>

JS之禁用文本框

推荐阅读