تگ گروه بندی Fieldset و Legend

تگ‌های fieldset و legend در HTML به طور معمول برای گروه‌بندی و سازماندهی عناصر فرم استفاده می‌شوند. این تگ‌ها به طراحان وب این امکان را می‌دهند که بخش‌های مختلف یک فرم را به صورت منطقی و بصری تفکیک کنند.

تگ Fieldset برای گروه بندی در فرم ها بسیار کاربرد دارد. این تگ در Asp.net معادل سروری کنترل Panel می باشد. برای تعیین عنوان یک گروه از تگ Legend در ابتدای تگ Fieldset استفاده می گردد.

در صورت استفاده ننمودن از کدنویسی سروری برای کنترل های Asp.net توصیه اکید می شود که از تگ های معادل آنها استفاده شود. بطور مثال بجای استفاده از کنترل Asp:Panel از تگ Fieldset و Legend استفاده شود. زیرا در نهایت کنترل های Asp.net به تگ های Html خالص تبدیل شده و برای جلوگیری از این سربار اضافه از تگ های مستقیم آنها استفاده نمایید.

حتما بخوانید: تگ محدوده متن Span

مزیت دیگر این روش کنترل بهتر آنها در Style آنها بوسیله Css می باشد که کنترل های Asp.net بعضا در این مورد مشکل زا هستند.

نمونه ای از کاربرد تگ Fieldset و Legend را در مثال زیر می بینید:

 <fieldset>      <legend>عنوان گروه</legend>

<p>این متن تست است.</p>

<p>این متن تست شماره 2 است.</p>

</fieldset>

خروجی کد زیر بصورت زیر است :

خصوصیت اصلی :

خصوصیت اصلی تگ Legend خصیصه ی Align یا تراز می باشد که محل قرار گیری عنوان را در این تگ تعیین میکند.

مقدار هایی که این خصوصیت می پذیرد عبارتند از :  Top , Bottom , Left , Right

مثالی در این زمینه :

 <fieldset>

      <legend align=”left”>عنوان گروه</legend>

      <p>این متن تست است.</p>

       <p>این متن تست شماره 2 است.</p>

</fieldset>

خروجی کد زیر بصورت زیر است :

که در این مثال همان طور که می بینید تراز و محل قرار گیری عنوان گروه در سمت چپ قرار گرفته است.

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

و اما کلام آخر…

تگ‌های fieldset و legend ابزارهای مفیدی در طراحی فرم‌ها هستند که به سازماندهی و بهبود تجربه کاربری کمک می‌کنند. با استفاده از این تگ‌ها، می‌توان فرم‌های پیچیده را به بخش‌های قابل فهم تقسیم کرد و اطلاعات را به صورت واضح‌تری ارائه داد.