آموزش تگ fieldset در HTML

آموزش تگ 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 پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
جدول صفات تگ fieldset در HTML
جدول زیر به شما کمک میکند تا صفات تگ fieldset
را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.
پشتیبانی تگ 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); }
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید