تعریف و کاربرد
تگ <label> برای برچسب زدن و نام گذاری تگ <input> استفاده می شود.
این تگ به وسیله ویژگی for به <input> متصل می شود. باید مقدار ویژگی for با ویژگی id تگ <input>، برابر باشد. به کد زیر توجه کنید:
<label for="name">
<input type="text" id="name">- <input type="text"> (پیشفرض)
- <input type="button">
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="hidden">
- <input type="image">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="reset">
- <input type="search">
- <input type="submit">
- <input type="tel">
- <input type="time">
- <input type="url">
- <input type="week">
نکات
نکته: کلیک بر روی متن <label> باعث کلیک بر روی <input> متصل شده هم می شود.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <label> |
ویژگی ها
| ویژگی ها | مقادیر | توضیحات |
|---|---|---|
| for |
element-id
|
مشخص می کند که برچسب یا محاسبه به کدام تگ متعلق است. |
| form |
form-id
|
از اسم <form> برای تگ های درج شده در سمت راست استفاده می شود. |
ویژگی های سراسری
تگ <label> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <label> از ویژگی های رویداد HTML پشتیبانی می کند.
استایل css پیش فرض
بیشتر مرورگر ها تگ <label> را با استایل پیشفرض زیر نمایش می دهند:
