تگ legend در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ legend در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ legend چیست؟

تگ legend برای تگ fieldset عنوان انتخاب می کند.

این تگ با <legend> شروع شده و با </legend> پایان می باید.

<legend>text</legend>

تگ legend باید درون تگ fieldset قرار گیرد.

مثال تگ legend

کد:

<form>
  <fieldset>
    <legend>عنوان</legend>
    <input type="text" placeholder="نام کاربری">
    <input type="text" placeholder="ایمیل">
  </fieldset>
</form>

اجرا

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ legend در اکثر مرورگرها به صورت زیر است:

legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}

سازگاری با مرورگرها

تگ legend با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS