JS之禁用文本框

最新推荐文章于 2024-05-20 15:59:22 发布

weixin_30578677

最新推荐文章于 2024-05-20 15:59:22 发布

阅读量820

点赞数

原文链接：http://www.cnblogs.com/creazybeauty/p/8057073.html

版权

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>

转载于:https://www.cnblogs.com/creazybeauty/p/8057073.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30578677

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS之禁用文本框

1.我们可以直接用关键字disabled="true"来禁止文本的修改2.通过js代码来实现禁用文本框<body>账号：<input type="text" name="t1" value="文本1" ><button>禁用</button></br>密码：<input type="password " name...
复制链接

扫一扫