HTML学习笔记——disabled属性

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>