این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ legend در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ legend در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Legend در HTML
تگ legend تگی است که درون تگ fieldset استفاده میشود و با استفاده از آن میتوان یک کپشن یا عنوان برای تگ fieldset مشخص کرد.
Free-Learn
مثال از تگ legend در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ legend ( بدون استایل )
|
1 2 3 4 5 6 7 8 9 |
<body> <fieldset> <legend>اطلاعات شخصی</legend> نام: <input type="text" name="Name"><br> فامیلی: <input type="text" name="Family"><br><br> </fieldset> </body> |
مثال شماره ۲ : استایل دادن به تگ legend با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<style> fieldset{ background-color: #f2f2f2; } legend{ background-color:#059862; color: #fff; padding: 5px 10px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ legend در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ legend از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ legend را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 6 |
legend { display: block; padding-left: 2px; padding-right: 2px; border: none; } |
