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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM