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>

  

HTML学习笔记——disabled属性,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。