آموزش تگ fieldset در HTML - راهنمای دسته بندی عناصر فرم در html

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

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

مثال تگ fieldset در HTML:

<form action="files/get_data.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>

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

تگ <fieldset> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر	کروم	فایرفاکس	اپرا	سافاری	اینترنت اکسپلورر / اج
پشتیبانی	بله	بله	بله	بله	بله

ویژگی ها

ویژگی	مقدار	توضیحات
disabled	disabled	کلیه عناصر موجود در تگ fieldset را غیر فعال می کند.
form	form_id	مشخص می کند تگ form_id متعلق به کدام فرم می باشد.
name	text	نام تگ fieldset را مشخص می کند.

پشتیبانی از ویژگی ها و رویدادهای عمومی

تگ <fieldset> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

دستورات 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);
}

موضوع: آموزش HTML

کلمات کلیدی: