تگ label در HTML

با استفاده از تگ label در HTML میتوان برای عناصر درون تگ <form> مانند تگ های <input> با type های مختلف برچسب تعریف کرد.

مثال

تعریف و کاربرد

تگ label در HTML برای یک عنصر مانند <input>، برچسب تعریف می کند.

نکته: ویژگی for در تگ <label> مشخص می کند که این برچسب مرتبط با کدام عنصر هست، یعنی باید مقدار خاصیت for با مقدار ID عنصر مورد نظر یکسان باشد تا این ارتباط برقرار شود.

وقتی شما مقدار for را با ID یک عنصر تنظیم می کنید، کاربر با کلیک روی label مورد نظر فوکوس داده می شود روی عنصری که ID آن با مقدار for درون تگ <label> یکسان هست.

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

خواص (attributes)

خواص عمومی

تگ label از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ label از رویداد های عمومی در HTML پشتیبانی میکند.

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

اکثر مرورگر ها عنصر label در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

label {
  cursor: default;
}