码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习笔记——disabled属性

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

标签:class   blog   set   html   cti   代码   

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属性

标签:class   blog   set   html   cti   代码   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!