এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <dialog> ট্যাগ


<dialog> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge / IE Mozila Firefox Safari Opera
<dialog> সকল ভার্সন সাপোর্ট করে না সাপোর্ট করে না সাপোর্ট করে না সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<dialog> এলিমেন্টের ব্যবহার করে ডায়লগ-বক্স অথবা পপ-আপ উইন্ডো তৈরি করা যায়।

ওয়েবপেজে খুব সহজে পপ-আপ ডায়ালগ এবং মোডাল তৈরি করার জন্য <dialog> ট্যাগ ব্যবহার করতে পারেন।



নিচের উদাহরণে একটি ডায়ালগ বক্স তৈরি করে দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল dialog ট্যাগের উদাহরণ</title>
  <style>
    table, th, td {
      border: 1px solid black;
      }
  </style>
</head>
<body>

  <table>
    <tr>
      <th>রহিম <dialog open>এটি একটি ওপেন ডায়ালগ উইন্ডো</dialog></th>
      <th>করিম</th>
      <th>ইমরান</th>
    </tr>
    <tr>
      <td>১৫০০০</td>
      <td>১২০০০</td>
      <td>১০০০০</td>
    </tr>
  </table>

</body>
</html>

বিঃদ্রঃ <dialog> ট্যাগটি শুধুমাত্র Chrome ভার্সন 37+, Safari 6+ এবং Opera 24+ ব্রাউজারে সাপোর্ট করে।

ফলাফল





এট্রিবিউট

নিচের টেবিলে <dialog> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বর্ণনা
open open এর মাধ্যমে ডায়ালগ এলিমেন্ট সক্রিয় হয় এবং ব্যবহারকারী তার কার্য সম্পাদন করতে পারে


<dialog> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ