এইচটিএমএল <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> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |