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) Рекомендация

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


Учебник HTML

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

HTML Списки



Contema