当前位置: 首页 > 工具软件 > LavaLamp Menu > 使用案例 >

html5-menu

宗政安歌
2023-12-01

菜单交互元素   <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>还不能够完全支持

                        

 类似资料: