معرفی و کاربرد تگ legend در HTML عنوان تگ fieldset

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <legend> در HTML می پردازیم.

تگ <legend> در HTML

معرفی و کاربرد تگ legend در HTML عنوان تگ fieldset - سایت آموزی
تگ <legend> یک عنوان یا caption برای تگ fieldset مشخص می کند.تگ <fieldset> برای دسته بندی چندین کنترل و تگ (<label >) در یک فرم وب و تگ های مرتبط در یک فرم  استفاده می شود.تگ < fieldset> یک کادر در اطراف تگ های دیگر مرتبط ایجاد می کند .تگ <legend> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

مثال هایی در مورد تگ <legend> در html

مثال ۱ :

[html]<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type=”text” size=”30″><br>
Email: <input type=”text” size=”30″><br>
Date of birth: <input type=”text” size=”10″>
</fieldset>
</form>[/html]

خروجی کد در مرورگر اینترنتی

معرفی و کاربرد تگ legend در HTML

 مثال ۲ :

[html]<form action=”test.php” method=”post”>
<fieldset>
<legend>Title</legend>
<input type=”radio” name=”radio” id=”radio”> <label for=”radio”>Click me</label>
</fieldset>
</form>[/html]

خروجی کد در مرورگر اینترنتی

معرفی و کاربرد تگ legend در HTML

مثال ۳ : فرمی با fieldset ، legend و label

[html]<form action=”test.php” method=”post”>
<fieldset>
<legend>Title</legend>
<input type=”radio” name=”radio” id=”radio”>
<label for=”radio”>Click me</label>
</fieldset>
</form>[/html]

خروجی کد در مرورگر اینترنتی

بررسی تگ <legend> در HTML 4.01 و HTML5

تگ <legend> در هر دو نسخه HTML 4.01 و HTML5 پشتیبانی می شود. اما ویژگی align در تگ <legend> برای نسخه HTML5 پشتیبانی نمی شود.

خصوصیات ویژه تگ <legend> در HTML5

ویژگی های عمومی تگ legend در HTML

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

رویدادهای عمومی تگ legend در HTML

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

پشتیبانی مرورگرها از تگ legend در HTML

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

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ legend در HTML عنوان تگ fieldset – اختصاصی سایت آموزی