菜单项目
实例
包含不同 <菜单项目> 元素的上下文菜单:
<!文章类型 网页>
<网页>
<主体>
<文档块 样式=“背景:黄色;边框:1像素 实线 #cccccc;填充: 10像素;“ 右键菜单=“我的菜单“>
<段落>请在框中右键点击,就可以看到快捷菜单!</段落>
<菜单 类型=“上下文“ 标识=“我的菜单“>
<菜单项目 标签=“刷新“ 鼠标左键被单击=“window.地点.重新加载();“ 图标=“重新加载.png“></菜单项目>
<菜单 标签=“分享...“>
<菜单项目 标签=“微信“ 图标=“微信.png“ 鼠标左键被单击=“window.打开('//weixin.com/intent/tweet?text=' + window.location.href);“></菜单项目>
<菜单项目 标签=“QQ“ 图标=“QQ.png“ 鼠标左键被单击=“window.打开('//qq.com/sharer/sharer.php?u=' + window.location.href);“></菜单项目>
</菜单>
<菜单项目 标签=“通过电子邮件发送此页面“ 鼠标左键被单击=“window.地点='mailto:?body='+window.location.href;“></菜单项目>
</菜单>
</文档块>
<段落>本例只在 火狐浏览器 中有效!</段落>
</主体>
</网页>
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
| 否 | 否 | 否 | 否 | 否 |
火狐浏览器(Firefox )8.0 以及更高的版本支持 <菜单项目> 标签。
HTML 4.01 与 HTML 5 之间的差异
<菜单项目> 标签是 HTML5 中的新标签。
属性
新 : HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| 选中 | 选中 |
规定在页面加载后选中命令/菜单项目。 仅适用于 type="radio" 或 type="checkbox"。 |
| 默认 | 默认 | 把命令/菜单项设置为默认命令。 |
| 禁用 | 禁用 | 规定命令/菜单项应该被禁用。 |
| 图标 | 地址 | 规定命令/菜单项的图标。 |
| 打开 | 打开 | 定义 details 是否可见。 |
| 标签 | 文本 | 必需。规定命令/菜单项的名称,以向用户显示。 |
| 单项选择 | 组名字 |
规定命令组的名称,命令组会在命令/菜单项本身被切换时进行切换。 仅适用于 类型="单选"。 |
| 类型 |
|
规定命令/菜单项的类型。默认是 "命令"。 |
全局属性
<菜单项目> 标签支持 超文本(HTML )中的全局属性。
事件属性
<菜单项目> 标签支持 超文本(HTML )中的事件属性。
浙公网安备 33010602011771号