HTML <menuitem> 태그
예제
다양한 <menuitem> 요소를 포함한 컨텍스트 메뉴:
<menu type="context" id="mymenu">
<menuitem label="새로고침" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="서로 공유하다..."
<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="이 페이지 이메일로 보내기"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
브라우저 지원
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
Firefox 8.0 이상 버전에서 <menuitem> 태그가 지원됩니다.
정의와 사용법
<menuitem> 태그는 사용자가 팝업 메뉴에서 호출할 수 있는 명령/메뉴 항목을 정의합니다.
HTML 4.01과 HTML 5 간의 차이
<menuitem> 태그는 HTML5에서의 새로운 태그입니다.
속성
new : HTML5에서의 새로운 속성.
| 속성 | 값 | 설명 |
|---|---|---|
| checked | checked | 페이지가 로드된 후 명령/메뉴 항목을 선택하도록 규정합니다. type="radio" 또는 type="checkbox"에만 적용됩니다. |
| default | default | 명령/메뉴 아이템을 기본 명령으로 설정합니다. |
| disabled | disabled | 명령/메뉴 아이템이 비활성화되도록 정의합니다. |
| icon | URL | 명령/메뉴 아이템의 아이콘을 정의합니다. |
| open | open | details가 보이거나 숨겨지는지 정의합니다. |
| label | text | 필수. 명령/메뉴 아이템의 이름을 정의하여 사용자에게 표시합니다. |
| radiogroup | groupname | 명령 그룹의 이름을 정의합니다. 명령 그룹은 명령/메뉴 아이템 자체가 전환될 때 전환됩니다. type="radio"에만 적용됩니다. |
| type |
|
명령/메뉴 아이템의 유형을 정의합니다. 기본 값은 "command"입니다. |
전역 속성
<menuitem> 태그가 지원 HTML에서의 전역 속성。
이벤트 속성
<menuitem> 태그가 지원 HTML에서의 이벤트 속성。
관련 페이지
HTML DOM 참조 설명서:MenuItem 객체
