首页 > 代码库 > HTML学习笔记——disabled属性
HTML学习笔记——disabled属性
1、适用范围：HTML中的input元素、option元素
2、作用：禁用元素。被禁用的 input 元素既不可用，也不可点击。
3、示例：
①如下代码的button元素都处于禁用状态
<input type="button" disabled="false" value="http://www.mamicode.com/测试按钮"> <input type="button" disabled="123" value="http://www.mamicode.com/测试按钮"> <input type="button" disabled=" " value="http://www.mamicode.com/测试按钮"> <input type="button" disabled="any word" value="http://www.mamicode.com/测试按钮"> <input type="button" disabled=true value="http://www.mamicode.com/测试按钮">
②如下代码的button元素都处于启用状态，注意时false不是“false”，目前来看只有下面这两种情况下元素为启用状态。
<input type="button" disabled=false value="http://www.mamicode.com/测试按钮"> <input type="button" value="http://www.mamicode.com/测试按钮">
4、应用。让按钮在3秒内只能被点击一次。
<input type="button" value="http://www.mamicode.com/点我啊" class="btn" /><script>$(".btn").on("click",function(){ $(this).attr("disabled","disabled"); setTimeout("$(‘.btn‘).removeAttr(‘disabled‘)",3000); alert("按钮被点击"); });</script>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。