<menuitem>

Комментарии

Содержание

Задаёт команду, которую пользователь может вызывать через контекстное меню. Команда выглядит как текстовая метка, а также дополнительно может содержать небольшую картинку. Сама команда связана с программой на JavaScript.

Значения

checked
Устанавливает, что команда выбрана. Используется в сочетании с типом checkbox или radio.
default
Выбирает команду меню по умолчанию.
disabled
Блокирует команду меню.
icon
Адрес изображения, которое будет выводиться перед текстом команды.
label
Название команды показываемое пользователю.
radiogroup
Задаёт имя группы переключателей.
type
Задаёт тип команды.

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

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

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

Пример

<!DOCTYPE html> 
<html> 
 <head> 
  <meta charset="utf-8"> 
  <title>menuitem</title> 
  <style> 
   #edit { 
    width: 200px; 
    border: 1px solid #ccc; 
    display: none; 
   } 
  </style> 
  <script> 
   function edit() { 
    document.getElementById('text').style.display = 'none'; 
    document.getElementById('edit').style.display = 'block'; 
    document.getElementById('edit').value = document.getElementById('text').innerHTML; 
    document.getElementById('edit').focus(); 
   } 
   function text() { 
    document.getElementById('text').innerHTML = document.getElementById('edit').value; 
    document.getElementById('edit').style.display = 'none'; 
    document.getElementById('text').style.display = 'block'; 
   } 
  </script> 
 </head> 
 <body> 
  <p id="text" contextmenu="menu">Пример текста</p> 
  <form onsubmit="text(); return false"><input id="edit"></form>
   <menu type="context" id="menu">
    <menuitem icon="image/edit.png" onclick="edit()" label="Править"></menuitem>
   </menu> 
 </body> 
</html>

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

Вид контекстного меню в Firefox

Рис. 1. Вид контекстного меню в Firefox

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

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5.1Рекомендация

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

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры ?

Internet ExplorerChromeOperaSafariFirefox
8
AndroidFirefox MobileOpera MobileSafari Mobile
8

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

Автор: Влад Мержевич
Последнее изменение: 07.11.2016
Редакторы: Влад Мержевич

Рекомендуем