এইচটিএমএল <fieldset> ট্যাগ
<fieldset> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<fieldset> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
একটি ফরমের রিলেটেড এলিমেন্টগুলোকে নিয়ে একটি তৈরি গ্রুপ করার জন্য <fieldset> ট্যাগটি ব্যবহার করা হয়।
<fieldset> ট্যাগটি এর মধ্যের এলিমেন্টগুলোকে নিয়ে একটি বক্স তৈরি করে।
নিচের উদাহরণে কয়েকটি ফরম এলিমেন্টসহ <fieldset> ট্যাগের উদাহরণ দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>ব্যক্তিগত তথ্য</legend>
নামঃ <input type="text"><br>
ই-মেইলঃ <input type="email"><br>
জন্ম তারিখঃ <input type="date">
</fieldset>
</form>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
<fieldset>এর ক্যাপশন নির্দিষ্ট করার জন্য<legend>ট্যাগটি ব্যবহার করা হয়।
এট্রিবিউট
নিচের টেবিলে <fieldset> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| disabled | disabled | <fieldset> এর মধ্যের সবগুলো ফরম এলিমেন্টকে নিস্ক্রিয় করে রাখে। |
| form | form_id | <fieldset> যদি একের অধিকে ফরমের মধ্যে থাকে সেজন্য ফরমের আইডি নির্দিষ্ট করে। |
| name | text | <fieldset> এর নাম নির্দিষ্ট করার জন্য ব্যবহার করা হয়। |
<fieldset> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<fieldset> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <fieldset> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (internal value);
}