checkbox的三种显示状态
2016-06-06 12:43
393 查看
checkbox一般我们会见到两种显示状态:选中和未选中,其实它还有第三种显示状态,注意这里说的是显示状态。
不过要说明的是第三种显示状态indeterminate目前还不能通过以html元素的attribute的方式来设置,只能通过脚本来设置。
下面三幅图分别是其在chrome,firefox和ie8下的显示截图:
不过要说明的是第三种显示状态indeterminate目前还不能通过以html元素的attribute的方式来设置,只能通过脚本来设置。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>checkbox's state</title> </head> <body> <div> sth: <input type="checkbox" checked><br> sth: <input type="checkbox"><br> sth: <input type="checkbox" id="indeterminate"> </div> <script> document.querySelector("#indeterminate").indeterminate = true; </script> </body> </html>
下面三幅图分别是其在chrome,firefox和ie8下的显示截图:
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- Ruby编写HTML脚本替换小程序的实例分享
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签