HTML5 <menuitem> 标签
主题：HTML5 标签参考上一页|下一页
说明
<menuitem> 元素定义用户可以执行的命令列表（或菜单项）。
下表总结了此标签的使用上下文和版本历史。
| Permitted Parent: | <menu> |
|---|---|
| Content: | None. 它是一个empty 空元素。 |
| 开始/结束标签： | 开始标签： required, 结束标签：forbidden |
| 版本： | New in HTML5 |
语法
<menuitem> 标签的基本语法如下：
HTML: <menuitem>; XHTML: <menuitem />
下面的示例显示了 <menuitem> 标签的作用。
<img src="sky.jpg" id="sky" width="250" alt="Cloudy Sky" contextmenu="skymenu">
<menu type="context" id="skymenu">
<menuitem label="Zoom In" icon="zoom-in.png" onclick="zoomin()">
<menuitem label="Zoom Out" icon="zoom-out.png" onclick="zoomout()">
<menuitem label="Reload Image" icon="reload.png" onclick="window.location.reload();">
</menu>警告： 目前，大多数网络浏览器（如 Chrome、IE、Safari 等）不支持 <menuitem> 标签。最好避免使用此标签。
标签特定属性
下表显示特定于 <menuitem> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
| Required — 必须在此标签上指定以下属性才能使标签有效。 | ||
label |
text | 指定命令/菜单项的名称，向用户显示。 |
| Optional — 以下属性是可选的。 | ||
checked |
checked |
此布尔属性指定在页面加载时是否选择命令或菜单项。 |
command |
ID | 指定单独元素的 ID，指示要间接调用的命令。 |
default |
default |
此布尔属性将命令/菜单项指定为默认命令。 |
disabled |
disabled |
此布尔属性指示该命令已禁用且在当前状态下不可用。 |
icon |
URL | Specifies an icon for the command/menu item. |
radiogroup |
group-name | 指定一组命令的名称，当被选中时，这些命令将切换为单选按钮。 仅在 type 属性为 radio 的情况下使用。 |
type |
checkbox |
指定命令/菜单项的类型。 此属性的默认值为 command。 |
全局属性
与所有其他 HTML 标签一样， <menuitem> 标签支持 HTML5 中的全局属性。
事件属性
The <menuitem> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <menuitem> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 列表.
Advertisements