<menuitem>
Задаёт команду, которую пользователь может вызывать через контекстное меню. Команда выглядит как текстовая метка, а также дополнительно может содержать небольшую картинку. Сама команда связана с программой на JavaScript.
Закрывающийся тег:
Не обязателен
Поддержка:
HTML5
Атрибуты:
checked Устанавливает, что команда выбрана. Используется в сочетании с типом checkbox или radio.
default Выбирает команду меню по умолчанию.
disabled Блокирует команду меню.
icon Адрес изображения, которое будет выводиться перед текстом команды.
<menuitem icon="Web.png" onclick="edit()" label="Править"></menuitem>
label Название команды показываемое пользователю.
<menuitem icon="weblector.png" onclick="edit()" label="Править"></menuitem>
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="weblector.png" onclick="edit()" label="Править"></menuitem> </menu> </body> </html>