带有两个菜单按钮("File" 和 "Edit")的工具栏,每个按钮都有一个带有一系列选项的下拉菜单:
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="file_new()">New...</button>
<button type="button" onclick="file_open()">Open...</button>
<button type="button" onclick="file_save()">Save</button>
</menu>
</li>
<li>
<menu label="Edit"
>
<button type="button" onclick="edit_cut()">Cut</button>
<button type="button" onclick="edit_copy()">Copy</button>
<button type="button" onclick="edit_paste()">Paste</button>
</menu>
</li>
</menu>
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
目前主流浏览器都不支持支持 label 属性。
label 属性规定菜单的可见标签。
label 属性常用于标记菜单内的嵌套菜单。
在 HTML5 中重新定义了 <menu> 元素,而 label 则是新的属性。
<menu label="text">
值 | 描述 |
---|---|
text | 为菜单规定可见的标签。 |