HTML menu label 属性
最后更新于:2022-03-26 23:12:34
HTML <menu> label 属性
实例
带有两个菜单按钮(”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>
<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>
浏览器支持
目前几乎没有主流浏览器支持 label 属性。
定义和用法
label 属性规定了菜单的可见标签。
label 属性通常用于显示菜单内嵌套的菜单标签。
HTML 4.01 与 HTML5之间的差异
在 HTML5 中,重定义了 <menu> 元素,且新增了 label 属性。
语法
<menu label=”text“>
属性值
值 | 描述 |
---|---|
text | 规定菜单的可见标签。 |