/html/menuitem:> Пункт контекстного меню_
Элемент menuitem
Синтаксис
HTML
<menu> ... <menuitem label="..."> ... </menu>
Описание
Элемент menuitem (от англ. "menu item" ‒ «пункт меню») создаёт для определённого элемента дополнительные пункты контекстного меню.
Внешний вид
Контекстное меню
Кнопка меню
Условия использования
Данный элемент может находиться только внутри элемента меню.
Поддержка браузерами
Chrome
Firefox
Opera
Maxthon
IExplorer
Safari
iOS
Android
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | |
| 5.1 | 4.11.4. The menuitem element |
| XHTML | |
| 1.0 | |
| 1.1 | |
Атрибуты
- checked
- Активирует команду.
- command
- Указывает элемент, способный выполнять определённую команду.
- default
- Устанавливает команду по умолчанию.
- disabled
- Блокирует команду.
- icon
- Устанавливает иконку команды.
- label
- Указывает название команды, которое отображается пользователю.
- radiogroup
- Присоединяет к группе команд.
- title
- Указывает подсказку с описанием команды.
- type
- Указывает тип команды.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент menuitem</title>
</head>
<body>
<h1>Пример использования элемента "menuitem"</h1>
<img src="/examples/images/dark_clouds.jpg" style="width: 320px; height: 256px" alt="Тёмные облака" contextmenu="fotomenu">
<menu type="popup" id="fotomenu">
<menuitem label="Увеличить фото (x1.5)" onclick="img_increase()">
<menuitem label="Увеличить фото (/1.5)" onclick="img_reduce()">
<menu label="Повернуть изображение на 90°">
<menuitem label="↷ по часовой стрелке" onclick="img_clockwise()">
<menuitem label="↶ против часовой стрелки" onclick="img_counterclockwise()">
</menu>
</menu>
<script type="text/javascript">
// Скрипты команд контекстного меню
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент menuitem</title>
</head>
<body>
<h1>Пример использования элемента "menuitem"</h1>
<img src="/examples/images/dark_clouds.jpg" style="width: 320px; height: 256px" alt="Тёмные облака" contextmenu="fotomenu">
<menu type="popup" id="fotomenu">
<menuitem label="Увеличить фото (x1.5)" onclick="img_increase()">
<menuitem label="Увеличить фото (/1.5)" onclick="img_reduce()">
<menu label="Повернуть изображение на 90°">
<menuitem label="↷ по часовой стрелке" onclick="img_clockwise()">
<menuitem label="↶ против часовой стрелки" onclick="img_counterclockwise()">
</menu>
</menu>
<script type="text/javascript">
// Скрипты команд контекстного меню
</script>
</body>
</html>
Элемент menuitem