چگونگی گروه بندی در html با کمک تگ fieldset

تگ filedset چیست؟

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

مشابه تصویر زیر از  تگ fieldset و legend برای گروه بندی در صفحه استفاده میکنیم. 

همچنین برای دادن استایل به filedset مشابه تصاویر زیر عمل میکنیم

 امیدواریم این آموزش برای شما مفید باشد برای مشاهده آموزش های بیشتر برنامه نویسی نیز می توانید از صفحه اصلی وب سایت چگونگی بازدید نمایید.

نظرات

نظر خود را بنویسید

مطالب مشابه:
Rescue Mode توی سرور چیکار میکنه؟

Rescue Mode توی سرور چیکار میکنه؟

در این مقاله از وب سایت آموزشی چگونگی به مفهوم Rescue Mode پرداخته ایم و به این سوال پاسخ داده ایم که Rescue Mode در سرور چه کاری انجام میدهد

1 ماه پیش

74

چگونگی غیر فعال کردن یک دیتا بیس در اس کیو ال سرور

چگونگی غیر فعال کردن یک دیتا بیس در اس کیو ال سرور

در این مقاله از وب سایت چگونگی قصد داریم به شما نحوه و چگونگی غیر فعال کردن یک دیتا بیس در اس کیو ال سرور را به شما آموزش دهیم تا انتهای این مقاله با ما همراه باشید

2 ماه پیش

116

چگونگی افزایش زوم کد در ویژوال استودیو 2022

چگونگی افزایش زوم کد در ویژوال استودیو 2022

افزایش زوم کد می‌تواند به توسعه‌دهندگان کمک کند تا خطاهای کد را راحت‌ تر پیدا کنند. در این مقاله، نحوه افزایش زوم کد در ویژوال استودیو 2022 را به شما آموزش می‌دهیم.

5 ماه پیش

250

آموزش راست چين كردن قالب html

آموزش راست چين كردن قالب html

آیا تا به حال به این فکر کرده اید که چگونه می توانید قالب html خارجی که چپ چین هستند را راست چین کنید؟ در این مقاله، ما به شما آموزش خواهیم داد که چگونه با استفاده از HTML و CSS، محتوای قالب خود را به صورت راست چین نمایش دهید.

5 ماه پیش

969

آموزش تغییر ظاهر(تم) در ویژوال استودیو 2022

آموزش تغییر ظاهر(تم) در ویژوال استودیو 2022

در این مقاله، نحوه تغییر ظاهر ویژوال استودیو کد 2022 را به شما آموزش خواهیم داد. با استفاده از این آموزش، می ‌توانید ظاهر ویرایشگر خود را مطابق با سلیقه و نیاز خود تغییر دهید.

5 ماه پیش

1295

آموزش تغییر رنگ و فونت در ویژوال استودیو 2022

آموزش تغییر رنگ و فونت در ویژوال استودیو 2022

در این مقاله از وب سایت چگونگی، به آموزش تغییر رنگ و فونت در ویژوال استودیو 2022 می‌پردازیم. با استفاده از این آموزش، می‌ توانید محیط Visual Studioخود را مطابق با سلیقه خود شخصی‌ سازی کنید.

5 ماه پیش

607

چطور اسم قالب ورد پرس یک سایت رو متوجه بشیم؟

چطور اسم قالب ورد پرس یک سایت رو متوجه بشیم؟

اگر اطمینان حاصل کردیم که سایتی ورد پرس هست، سوال پیش می آید که از کجا متوجه شویم که سازنده قالب از چه قالبی استفاده کرده است ، ساده ترین روش برای برای اینکه نام قالب ورد پرس را متوجه شویم این است که کمی با ساختار کد نویسی قالب ورد پرس آشنا شویم

5 ماه پیش

203

5 روش ساده برای تشخیص وردپرسی بودن یک سایت

5 روش ساده برای تشخیص وردپرسی بودن یک سایت

در این مقاله از وب سایت چگونگی، به بررسی روش ‌های مختلفی می ‌پردازیم که می ‌توان برای تشخیص وردپرسی بودن یک سایت استفاده کرد.

5 ماه پیش

335