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

এইচটিএমএল <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);
  }


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