html5-menu
2016-03-28 10:45
627 查看
菜单交互元素 <menu> <command>
<menu> 是html5中重新启用的一个旧标示 ,在html2中就已经存在,但是在html4中曾一度被废弃,而在html5中重新使用,并被赋予新的功能。常与<li>元素结合使用,用来定义一个列表式的菜单
<menu> 属性
autosubmit true/false 如果属性值为true,当表单中的元素发生变化时,会自动提交
label 任意字符 为菜单定义一个可见的标注
type context (上下文)/ toolbar(工具栏)/
list(列表) 定义菜单显示的类型,默认值为list,即列表 显示菜单中的选项
<command> 是html5新增的标记,用于定义各种类型的命令按钮。利用该标记的的"url"属性可以添加图片,并且实现图片按钮效果;另外改变标记中的“type"属性值,还可以定义复选框或单选框按钮;与<menu>元素结合使用,可用实现弹出式的下拉菜单
<command>属性
checked checked 如果类型定义为checkbox或radio,则该属性表示是否被选中
disabled disabled 设置按钮是否可用
icon url 设置按钮图片地址
label command.name 定义可显示于页面中按钮的名称
radiogroup radiogroup name 如果定义类型为radio时,可用通过该属性设置所属群组
type checkbox / command / radio 设置按钮的类型,默认为command
目前测试 chrome 对<command>还不能够完全支持
<menu> 是html5中重新启用的一个旧标示 ,在html2中就已经存在,但是在html4中曾一度被废弃,而在html5中重新使用,并被赋予新的功能。常与<li>元素结合使用,用来定义一个列表式的菜单
<menu> 属性
autosubmit true/false 如果属性值为true,当表单中的元素发生变化时,会自动提交
label 任意字符 为菜单定义一个可见的标注
type context (上下文)/ toolbar(工具栏)/
list(列表) 定义菜单显示的类型,默认值为list,即列表 显示菜单中的选项
<command> 是html5新增的标记,用于定义各种类型的命令按钮。利用该标记的的"url"属性可以添加图片,并且实现图片按钮效果;另外改变标记中的“type"属性值,还可以定义复选框或单选框按钮;与<menu>元素结合使用,可用实现弹出式的下拉菜单
<command>属性
checked checked 如果类型定义为checkbox或radio,则该属性表示是否被选中
disabled disabled 设置按钮是否可用
icon url 设置按钮图片地址
label command.name 定义可显示于页面中按钮的名称
radiogroup radiogroup name 如果定义类型为radio时,可用通过该属性设置所属群组
type checkbox / command / radio 设置按钮的类型,默认为command
目前测试 chrome 对<command>还不能够完全支持
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 原生js结合html5制作小飞龙的简易跳球
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript+html5实现绘制圆环的方法
- javascript html5实现表单验证
- HTML5实现微信拍摄上传照片功能
- JavaScript+html5 canvas制作的百花齐放效果完整实例
- jQuery+HTML5加入购物车代码分享
- jQuery mobile 移动web(6)
- 基于Jquery和html5的7款个性化地图插件
- 实现音乐播放器的代码(html5+css3+jquery)
- 2014 HTML5/CSS3热门动画特效TOP10
- jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码