예
다른와 상황에 맞는 메뉴 <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> 태그는 파이어 폭스에서 지원되며, 단지 컨텍스트 메뉴를 작동한다.
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 개체