تگ label در HTML

  /  فرانت اند   /  HTML   /  تگ label در HTML

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

مثال

<form action="/action_page.php">
<label for="male">مرد</label>
<input type="radio" name="gender" id="male" value="male"><br>
<label for="female">زن</label>
<input type="radio" name="gender" id="female" value="female"><br>
<label for="other">غیره</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="ارسال">
</form>


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

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

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

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


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

عنصر
<label>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیح
forelement_idمشخص میکند که یک برچسب متعلق به کدام عنصر می باشد
formform_idنام منحصر بفرد ID تگی که میگوید این برچسب متعلق به آن می باشد را تعریف می کند

خواص عمومی

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

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

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

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

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

label {
  cursor: default;
}

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر