آموزش تگ fieldset در HTML

17 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ fieldset در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ fieldset در HTML به صورت کامل آشنا بشید.

تگ fieldset در HTML

کابرد تگ fieldset این است که با استفاده از آن میتونیم تگ های درون یک فرم را در گروه هایی قرار دهیم یا به عبارتی آنها را دسته بندی کنیم. مثلا اطلاعات شخصی ، اطلاعات تحصیلی و…

تگ دیگری که همراه با نگ fieldset استفاده میشود، تگ legend است که داخل تگ fieldset قرار میگیره و میتواند یک متن عنوان برای تگ های دسته بندی شده ایجاد کند.

یک مثال برای تگ fieldset در HTML

در ادامه دوره آموزشی html css پروژه محور به یکی از مثال های این تگ میپردازیم که میتوانید برای درک بهتر تگ fieldset را بررسی کنید.

<body> 
  <form action="files/get_data4.php" method="POST">
    <fieldset>
      <legend>اطلاعات شخصی</legend>
       نام: <input type="text" name="Name"><br>
       فامیلی: <input type="text" name="Family"><br><br>
    </fieldset>
  <br>
    <fieldset>
     <legend>اطلاعات تحصیلی</legend>
      مدرک: <input type="text" name="Madrak"><br><br>
      <input type="submit" value="ارسال">
    </fieldset>
  </form>
</body>

راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

پشتیبانی مرورگرها از تگ fieldset

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ fieldset در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…

پشتیبانی مرورگر هار از تگ table

جدول صفات تگ fieldset در HTML

جدول زیر به شما کمک میکند تا صفات تگ fieldset را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.

جدول صفات تگ param در html

پشتیبانی تگ fieldset از صفات و رویدادهای عمومی

تگ fieldset قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

نکات و توضیحات

  • میتوانیم برای ایجاد کپشن یا عنوان از تگ <legend> استفاده کنیم که داخل تگ fieldset قرار میگیرد.

دستورات پیش فرض CSS

اغلب مرورگرها تگ fieldset را بشکل کد های CSS  به صورت زیر نمایش میدهند که شما عزیزان میتوانید بدون هیچ تغییر خاصی از آنها استفاده کنید.

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);
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید