在 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>

更新於: 2020-06-24

230 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告