HTML学习笔记——disabled属性

最新推荐文章于 2022-05-03 11:06:57 发布

weixin_30511039

最新推荐文章于 2022-05-03 11:06:57 发布

阅读量169

点赞数

原文链接：http://www.cnblogs.com/cikeyin/p/3807540.html

版权

1、适用范围：HTML中的input元素、option元素

2、作用：禁用元素。被禁用的 input 元素既不可用，也不可点击。

3、示例：

①如下代码的button元素都处于禁用状态

<input type="button" disabled="false" value="测试按钮">  
<input type="button" disabled="123" value="测试按钮">  
<input type="button" disabled=" " value="测试按钮">  
<input type="button" disabled="any word" value="测试按钮"> 
<input type="button" disabled=true value="测试按钮">

②如下代码的button元素都处于启用状态，注意时false不是“false”，目前来看只有下面这两种情况下元素为启用状态。

<input type="button" disabled=false value="测试按钮">  
<input type="button" value="测试按钮">

4、应用。让按钮在3秒内只能被点击一次。

<input type="button" value="点我啊" class="btn"  />
<script>
$(".btn").on("click",function(){
 	$(this).attr("disabled","disabled");
        setTimeout("$('.btn').removeAttr('disabled')",3000);
        alert("按钮被点击");
 });
</script>

转载于:https://www.cnblogs.com/cikeyin/p/3807540.html