HTML <menuitem> 标签

介绍

HTML <menuitem> 标签是一个过时的标签，用于定义在弹出菜单中可选择的命令或菜单项目。它通常与 <menu> 标签一起使用，但现在已经被弃用，不再建议使用。

语法

<menuitem label="Label Text" type="command|checkbox|radio" checked radioGroup="groupname">
    <!-- Content goes here -->
</menuitem>

• label: 可选属性，定义菜单项的显示文本。
• type: 必需属性，指定菜单项类型。它有三个可能的值：
  • command: 表示一个普通的命令，当用户点击该项目时触发事件。
  • checkbox: 表示一个可选择的复选框。
  • radio: 表示一组互斥的单选按钮中的一个。
• checked: 可选属性，只有当 type 为 checkbox 或 radio 时才有效。如果设置了这个属性，该菜单项在页面加载时就会被选中。
• radioGroup: 可选属性，与 type="radio" 一起使用。它将多个 radio 菜单项组合在一个逻辑分组中，以便只能同时选择该组中的一个菜单项。

示例

<menu>
    <menuitem label="New..." type="command">
        <!-- Event handler for new command -->
    </menuitem>
    <menuitem label="Open..." type="command">
        <!-- Event handler for open command -->
    </menuitem>
    <hr>
    <menuitem label="Preferences" type="checkbox" checked>
        <!-- Checkbox state can be toggled -->
    </menuitem>
    <menuitem label="Light Theme" type="radio" radioGroup="theme">
        <!-- One of the radio items in a group -->
    </menuitem>
    <menuitem label="Dark Theme" type="radio" radioGroup="theme">
        <!-- Another item in the same radio group -->
    </menuitem>
</menu>

注意事项

• <menuitem> 标签已经不再推荐使用，因为现代浏览器不再支持它。
• 如果你需要创建一个下拉菜单或类似的交互式元素，应该考虑使用 CSS 和 JavaScript 来实现，而不是依赖于 <menuitem> 标签。