在 HTML5 中建立使用者可以從彈出選單中呼叫的命令/選單項
使用 <menuitem> 標籤在 HTML5 中建立使用者可以從彈出選單中呼叫的命令/選單項。HTML <menuitem> 標籤用於定義選單的選單項。
<menuitem> 標籤的屬性如下:
屬性 | 值 | 描述 |
---|---|---|
checked ![]() | checked | 定義選單項應被選中 |
default ![]() | default | 將選單項標記為預設命令 |
disabled ![]() | disabled | 停用選單項,無法點選 |
icon ![]() | url | 為選單項定義圖示 |
label ![]() | text | 定義顯示給使用者的選單項名稱 |
radiogroup ![]() | groupname | 定義一組命令,其中只能選擇一個 |
type ![]() | checkbox command radio | 定義選單項的命令型別,預設為 command |
示例
您可以嘗試執行以下程式碼在 HTML5 中實現 <menuitem> 標籤:
<!Doctype html> <html> <head> <title>HTML menuitem Tag</title> </head> <body> <div style = "border:1px solid #000; padding:20px;" contextmenu = "clickmenu"> <p>Right click inside here....</p> <menu type = "context" id = "clickmenu"> <menuitem label = "Tutorialspoint" onclick = ""></menuitem> <menuitem label = "Tutorials Library" onclick = ""></menuitem> <menuitem label = "Coding Ground" onclick = ""></menuitem> <menuitem label = "Q/A" onclick = ""></menuitem> </menu> </div> </body> </html>
廣告