تگ legend در html

تگ legend برای تعیین عنوان یک گروه فیلد در فرم استفاده می‌شود و فقط باید درون تگ <fieldset> قرار گیرد. این عنوان در بالای باکس fieldset ظاهر می‌شود و کمک می‌کند فرم ساختار مشخص‌تری داشته باشد.

تگ <legend> باید اولین عنصر درون <fieldset> باشد. می‌تواند شامل متن ساده یا HTML دیگر مانند آیکون باشد.

<fieldset>
  <legend>اطلاعات تماس</legend>
  <label>ایمیل:</label>
  <input type="email">
</fieldset>

تگ legend ویژگی اختصاصی ندارد، اما از Global Attributes و برخی Event Attributes پشتیبانی می‌کند.

مرورگرها معمولاً تگ <legend> را به صورت متن برجسته (bold) درون border بالای fieldset نمایش می‌دهند. محل قرارگیری بسته به مرورگر ممکن است متفاوت باشد.

legend {
  font-weight: bold;
  padding: 0 5px;
}