пример
Контекстное меню:
<menu type="context" id="mymenu">
<menuitem label="Refresh"
onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter"
icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
Попробуй сам " Определение и использование
type атрибута определяет тип меню.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает атрибут.
Атрибут | |||||
---|---|---|---|---|---|
type | Не поддерживается | Не поддерживается | 8.0 (Только тип = "контекст") | Не поддерживается | Не поддерживается |
Отличия между HTML 4.01 и HTML5
<menu> элемент переопределяется в HTML5, а type атрибута является новым.
Синтаксис
<menu type="list|context|toolbar">
значения атрибутов
Стоимость | Описание |
---|---|
list | По умолчанию. Задает меню списка. Список команд ( li элементов), которые пользователь может выполнять или активировать |
context | Определяет контекстное меню. Меню должно быть активирован до того, как пользователь может взаимодействовать с командами |
toolbar | Указывает меню панели инструментов. Активные команды, позволяет пользователю взаимодействовать с командами, немедленно |