首页 > Web开发 > 详细

HTML学习笔记——disabled属性

时间:2014-06-27 00:45:26      阅读:373      评论:0      收藏:0      [点我收藏+]

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属性,布布扣,bubuko.com

HTML学习笔记——disabled属性

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!