Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

สร้าง Menu Item สำหรับ Popup Menu ใน HTML5


หมายเหตุ: แท็ก <menuitem> ถูก deprecated และลบออกจากมาตรฐาน HTML แล้ว ไม่ควรใช้

เดิมใช้กำหนดรายการเมนูใน <menu type="context"> สำหรับ context menu (คลิกขวา)

แอตทริบิวต์เดิม (อ้างอิง)

แอตทริบิวต์ค่าคำอธิบาย
typecheckbox, command, radioประเภทคำสั่ง
labeltextชื่อแสดงให้ผู้ใช้เห็น
iconURLไอคอน
disabledbooleanปิดใช้งาน
checkedbooleanติ๊กเลือก
radiogroupgroupnameกลุ่ม radio เลือกได้อย่างเดียว
defaultbooleanคำสั่งเริ่มต้น

ตัวอย่างโค้ดเก่า (ไม่แนะนำ)

<!Doctype html> <html>    <head>       <title>HTML menuitem Tag</title>    </head>    <body>       <div contextmenu="clickmenu">          <p>คลิกขวาในพื้นที่นี้...</p>          <menu type="context" id="clickmenu">             <menuitem label="Tutorialspoint"></menuitem>             <menuitem label="Tutorials Library"></menuitem>             <menuitem label="Coding Ground"></menuitem>             <menuitem label="Q/A"></menuitem>          </menu>       </div>    </body> </html>

ทางเลือกปัจจุบัน: สร้าง custom context menu ด้วย JavaScript และ <div role="menu"> พร้อม ARIA attributes