Tạo mục menu/lệnh mà người dùng gọi từ menu popup trong HTML5

Dùng thẻ <menuitem> để tạo lệnh/mục menu mà người dùng có thể gọi từ menu popup trong HTML5. Thẻ <menuitem> dùng để định nghĩa mục menu cho một menu.

Dưới đây là các thuộc tính của thẻ <menuitem>:

Thuộc tính	Giá trị	Mô tả
checked	checked	Định nghĩa menuitem được tích chọn
default	default	Đánh dấu menuitem là lệnh mặc định
disabled	disabled	Vô hiệu hóa menuitem, không thể click
icon	url	Định nghĩa icon cho menuitem
label	text	Định nghĩa tên hiển thị cho menuitem
radiogroup	groupname	Định nghĩa nhóm lệnh chỉ chọn được một
type	checkbox, command, radio	Định nghĩa loại lệnh, mặc định là command

Ví dụ

Bạn có thể chạy mã sau để triển khai thẻ <menuitem> trong HTML5:

<!Doctype html>
<html>
  <head>
    <title>HTML menuitem Tag</title>
  </head>
  <body>
    <div style="border:1px solid #000; padding:20px;" contextmenu="clickmenu">
      <p>Click chuột phải vào đây....</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>

Lưu ý: Thẻ <menuitem> đã bị loại bỏ khỏi tiêu chuẩn HTML và không được hỗ trợ bởi hầu hết trình duyệt hiện đại. Nên dùng JavaScript tùy chỉnh context menu.