disabled属性规定应该禁用input元素
被禁用的input元素既不可以用,也不可以点击
以下三种方式可以禁用input元素:
<p><input type="text" disabled value="已禁用"/></p> <p><input type="text" disabled="disabled" value="已禁用"/></p> <p><input type="text" disabled=disabled value="已禁用"/></p>
被禁用的input元素默认显示为灰色(注:不同类型,不同版本的浏览器默认显示效果不同),可以通过css修改样式。
1. 利用CSS3 :disabled 伪元素定义
//Chrome Firefox Opera Safari input:disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
2. 利用属性选择符定义
//IE6 failed input[disabled]{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
3. 利用类来定义
input.disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
最终结果:
input[disabled],input:disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; } //IE6 Using Javascript to add CSS class "disabled" * html input.disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
相关推荐
优化 input 的 lay-affix 属性对于 disabled 或 readonly 时的状态处理 # I64AXW laydate 新增 rangeLinked 属性,用于是否开启日期范围选择时的区间联动标注模式,默认不开启 # 1172 优化 快捷选择列表及范围选择的...
4、style :定义 内联方式方式使用(CSS中) 4、注释 语法:<!-- --> 注意: 1、注释不能嵌套 2、注释不能出现在标记中 3、HTML 文档结构 W3C :Word Wide Web Consortium (万维网联盟) 1、HTML文档的...
这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最...
• 美元符号定义 jQuery • 选择符(selector)“查询”和“查找” HTML 元素 • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - ...
<input style="ime-mode:disabled"> 自动全选 <input type=text name=text1 value="123" onfocus="this.select()"> ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=...
input value="开始" id="btn1" type="button" class="play_btn" ></p> 春</td><td>眠</td><td>不</td><td>觉</td><td>晓 花</td><td></td><td></td><td></td><td>处 声</td><td></td><td></td>...
* blocked - An array of blocked (disabled) dates in the following format: 'day month year'. The syntax is similar to cron: the values are separated by spaces and may contain * (asterisk) - (dash) and...
--也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的。 --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这...
目标是创建没有ViewState,没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源...
<link rel="stylesheet" type="text/css" href="style.css"> src="http://ditu.google.com/maps?file=api&v=2& key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ- i1QfUnH94QxWIa6N4U6...