Przykład
Menu kontekstowe:
<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>
Spróbuj sam " Definicja i Wykorzystanie
type atrybut określa typ menu.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje atrybut.
Atrybut | |||||
---|---|---|---|---|---|
type | Nieobsługiwany | Nieobsługiwany | 8,0 (Tylko typ = "kontekst") | Nieobsługiwany | Nieobsługiwany |
Różnice między HTML 4.01 i HTML5
<menu> Element jest na nowo w HTML5, a type atrybutu jest nowy.
Składnia
<menu type="list|context|toolbar">
wartości atrybutów
Wartość | Opis |
---|---|
list | Zaniedbanie. Określa menu listy. Lista komend ( li elementy), które użytkownik może wykonać lub uaktywnić |
context | Określa menu kontekstowe. Menu musi być aktywowany, zanim użytkownik może wchodzić w interakcje z poleceniami |
toolbar | Określa menu paska narzędzi. Aktywne polecenia umożliwia użytkownikowi bezpośrednio oddziaływać z poleceniami |