标签的只读、禁用和多选属性

readonly只读属性,禁止使用标签,不能操作,但是可以传参
disabled禁用属性,禁止使用标签,不能操作,也不能传参
multiple多选属性,file、select、可以按ctrl进行多选

这些都是布尔属性,在JavaScript中与checked一样,通过true和fasle来定义
button按钮也支持禁用属性,添加disabled属性的话,点击button按钮就没有执行效果

 <input type="text" readonly>
 <input type="text" disabled>
 <input type="file" multiple>
 <button disabled>点击</button>

    <script>
        var oBtn = document.querySelector('button');
        // 通过定义 true和false来设定是否执行禁用效果
        oBtn.disabled = true;   // 执行禁用效果,无法操作
        //oBtn.disabled = false;  // 不执行禁用效果,正常使用

        oBtn.onclick = function(){
            console.log(123);
        }
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值