布尔属性_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 1946 | 回复: 0   主题: 布尔属性        下一篇 
qq_1438822781884
注册用户
等级:上士
经验:252
发帖:13
精华:0
注册:2015-8-6
状态:离线
发送短消息息给qq_1438822781884 加好友    发送短消息息给qq_1438822781884 发消息
发表于: IP:您无权察看 2015-9-11 14:22:25 | [全部帖] [楼主帖] 楼主

布尔属性是控制元素的某一个状态,是一种比较特别的属性。由于浏览器商之前互相没协商好,因此在定义布尔属性时,也有差异。

布尔属性主要出现 在表单元素上,常见的有radio,checkbox上的checked属性,option元素的selected属性,文本域,文本区,密码域上的readonly属性,select元素上的multiple属性,

并且所有 表单元素都支持disabled属性。

我们在JS设置一个布尔属性是否发挥作用,通常直接设置true与false

input.disabled = false

由于布尔属性是一种固有属性,因此不能使用removeAttribute进行操作。

而在HTML中,只有我们设置了这个属性,不管它的值是什么,或者干脆就只有属性名,它都认为其值为true。这是一个大坑,需要大家注意。

在早些年的XHTML规范中,建议大家将属性名与属性值写成一样,如

<input disabled="disabled" >

由于HTML规范是规定将所有写在标签内的属性名都转换成小写,因此disabled与disAbled是一样的。但在JS写里就不一样,如readonly 是对应readOnly,不过事实上,这些大小写不规则的布尔属性没几个:

defaultChecked,defaultSelected,contentEditable,isMap,noHref,noResize,noShade

下面是分讲几个布尔属性的用法

  • checked: 其实所有表单元素都有此属性,但只有radio, checkbox能在图形上表现出勾选的效果,一旦勾选上,其name及value就能提交

  • selected: option的属性,一旦选上,就出现高亮状态,并将其name,value(没有就取其innerHTML)提交上去

  • readonly: 用于输入性的控件,让用户只能看,不能修改

  • disabled: 让表单元素蒙上一个灰白的色调,用户无法操作它,也不会提交其内容

  • multiple:让下拉框变成多选形式,可以按着SHIFT进行多选

  • hidden: 用于所有元素,这是HTML5新增的布尔属性,效果如同display:none,但其优先级低于CSS,因此没有大规范使用

  • contentEditable: 应用于所有可见的非表单元素,让元素也像INPUT那样编辑它里面的内容
    扩展阅读

  • async: 用于script标签,是近十年出现最有用的属性,让脚本不再堵塞页面加载,早期IE出了一个defer属性,有关它的区别可见这里





赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论