HTML тег <menuitem>

Элемент <menuitem> (от англ. "menu item" ‒ «пункт меню») определяет команду/пункт контекстного меню.

Элемент <menuitem> используется вместе с тегом <menu>.

Синтаксис

<menu>
  <menuitem>...</menuitem>
</menu>

Закрывающий тег

Не обязателен.

Атрибуты

checkedHTML5: Указывает, что команда / меню должны быть выбраны, когда страница загружается. Только для type = "radio" и type = "checkbox".
defaultHTML5: Выбирает команду меню по умолчанию.
disabledHTML5: Блокирует команду меню.
iconHTML5: Адрес изображения, которое будет выводиться перед текстом команды.
labelHTML5: Название команды показываемое пользователю.
radiogroupHTML5: Задаёт имя группы переключателей.
typeHTML5: Задаёт тип команды.

Элемент поддерживает глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <menuitem> со следующими значениями CSS по умолчанию:

menuitem {
    display: block;    
}

Различия между HTML 4.01 и HTML5

Элемент <menuitem> был добавлен в HTML5.

Пример использования:

Контекстное меню с различными элементами <menuitem>:

Пример HTML:

Попробуй сам

<p id="text" contextmenu="menu">Редактируемый текст...</p> 
  <form onsubmit="text(); return false"><input id="edit"></form>
   <menu type="context" id="menu">
    <menuitem icon="/../images/edit.png" onclick="edit()" label="Править"></menuitem>
   </menu>

В данном примере в контекстное меню добавлен пункт с текстом «Править» и изображением в виде карандаша (edit.png), при щелчке по которому срабатывает функция, позволяющая пользователю редактировать текст (рис. 1).

Контекстное меню в Firefox

Рис. 1. Контекстне меню в браузере Firefox

Примечание:

Firefox поддерживает только создание контекстного меню, когда значение атрибута type равно context.

Спецификации

Спецификация	Статус
WHATWG HTML Living Standard (WHATWG)	Живой стандарт
HTML 5.1 (W3C)	Рекомендация

Поддержка браузерами

Элемент
<menuitem>						8.0+

Учебник HTML

HTML уроки: HTML Элементы

HTML Списки

Справочники