HTML5-এ পপআপ মেনু থেকে কমান্ড/মেনু আইটেম (menuitem) তৈরি করা

HTML5-এ পপআপ মেনু থেকে ব্যবহারকারী যে কমান্ড/মেনু আইটেম আহ্বান করতে পারবে সেটি তৈরি করতে <menuitem> ট্যাগ ব্যবহার করুন। 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>

দ্রষ্টব্য: <menuitem> ট্যাগ বর্তমানে অবচিত (deprecated) এবং অধিকাংশ ব্রাউজার সাপোর্ট করে না। কনটেক্সট মেনু কাস্টমাইজেশনের জন্য JavaScript-ভিত্তিক সমাধান ব্যবহার করা ভালো।