کاربرد تگ های Fieldset و Legend در Html چیست ؟

کاربرد تگ های Fieldset و Legend در Html

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

تگ Fieldset

با استفاده از این تگ می تونید گروه های مختلفی داخل یک فرم ایجاد کنید. مثلا فرض کنید فرمی دارید که قراره اطلاعات شخصی، اطلاعات تحصیلی و اطلاعات مالی شخص رو دریافت کنید. برای اینکه input های مربوط به هر یک از این گروه ها جداگانه و مرتب نمایش داده بشن میتونید توسط تگ Fieldset گروه بندی انجام بدید.

تگ Legend

از این تگ هم به عنوان Title یا عنوان هر گروه استفاده میشه. برای درک بهتر این تگ ها یک مثال می نویسم.

تصویر زیر رو نگاه کنید.

در تصویر بالا سه Fieldset یا گروه وجود داره که Legend های اونها به ترتیب اطلاعات اولیه، اطلاعات هویتی و اطلاعات تحصیلی هستن. کدهای Html بالا چیزی مشابه با دستورات زیر هستن.

<fieldset>
   <legend>
      اطلاعات اولیه
   </legend>
   <!--سایر المنت ها-->
</fieldset>

<fieldset>
   <legend>
      اطلاعات هویتی
   </legend>
   <!--سایر المنت ها-->
</fieldset>

<fieldset>
   <legend>
      اطلاعات تحصیلی
   </legend>
   <!--سایر المنت ها-->
</fieldset>