ตัวอย่าง
เมนูบริบทที่มีแตกต่างกัน <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 | class = "notranslate" เริ่มต้น | ทำเครื่องหมายรายการเมนูคำสั่ง / ว่าเป็นคำสั่งเริ่มต้น |
disabled | disabled | ระบุว่ารายการเมนูคำสั่ง / ควรจะปิดการใช้งาน |
icon | URL | ระบุไอคอนสำหรับคำสั่งรายการ / เมนู |
label | text | จำเป็นต้องใช้ ระบุชื่อของรายการเมนูคำสั่ง / ตามที่แสดงให้เห็นว่าผู้ใช้ |
radiogroup | groupname | ระบุชื่อของกลุ่มของคำสั่งที่จะสลับเมื่อคำสั่ง / รายการเมนูที่ตัวเองสลับ เฉพาะ type="radio" |
type | checkbox command radio | ระบุชนิดของคำสั่งรายการเมนูที่ / เริ่มต้นเป็น "command" |
แอตทริบิวต์ทั่วโลก
<menuitem> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<menuitem> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: MenuItem วัตถุ