пример
Контекстное меню с различными <menuitem> элементы:
<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>
Попробуй сам " Определение и использование
<menuitem> тэг определяет элемент команды / меню, пользователь может вызвать из всплывающего меню.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает элемент.
Элемент | |||||
---|---|---|---|---|---|
<menuitem> | Не поддерживается | Не поддерживается | 8.0 (Для контекстного меню) | Не поддерживается | Не поддерживается |
Примечание: <menuitem> Тег поддерживается только в Firefox, и она работает только для контекстного меню.
Отличия между HTML 4.01 и HTML5
<menuitem> тег является новым в HTML5.
Атрибуты
= Новое в HTML5.
Атрибут | Стоимость | Описание |
---|---|---|
checked | checked | Указывает, что элемент команды / меню следует проверять при загрузке страницы. Только для type="radio" или type="checkbox" |
command | ||
default | класс = "notranslate" по умолчанию | Отмечает элемент команды / меню как команда по умолчанию |
disabled | disabled | Указывает, что элемент команды / меню должны быть отключены |
icon | URL | Задает значок для элемента меню команды / |
label | text | Необходимые. Задает имя элемента команды / меню, как показано пользователю |
radiogroup | groupname | Задает имя группы команд, которые будут переключать, когда элемент команды / самого меню переключается. Только для type="radio" |
type | checkbox command radio | Определяет тип элемента команды / меню. По умолчанию это "command" |
Глобальные атрибуты
<menuitem> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<menuitem> тег также поддерживает Атрибуты событий в HTML .
Похожие страницы
HTML DOM ссылка: MenuItem Объект