ตัวอย่าง
เมนูบริบท:
<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 (เฉพาะ type = "บริบท") | ได้รับการสนับสนุน | ได้รับการสนับสนุน |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<menu> องค์ประกอบเป็นนิยามใหม่ใน HTML5 และ type แอตทริบิวต์ใหม่
วากยสัมพันธ์
<menu type="list|context|toolbar">
ค่าแอตทริบิวต์
ความคุ้มค่า | ลักษณะ |
---|---|
list | ค่าเริ่มต้น. ระบุเมนูรายการ รายการของคำสั่ง ( li องค์ประกอบ) ที่ผู้ใช้สามารถดำเนินการหรือเปิดใช้งาน |
context | ระบุเมนูบริบท เมนูต้องเปิดใช้งานก่อนที่ผู้ใช้สามารถโต้ตอบกับคำสั่ง |
toolbar | ระบุเมนูแถบเครื่องมือ คำสั่งที่ใช้งาน, ช่วยให้ผู้ใช้สามารถโต้ตอบกับคำสั่งทันที |