تگ label در HTML
مثال (تگ label در HTML)
استفاده از دو radio buttons با label های جدا:
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="Submit">
</form>
خودتان امتحان کنید »
تعریف و کاربرد تگ label در HTML
تگ <label> یک برچسب برای عنصر <input> تعریف می کند.
تگ <label> به صورت خاصی برای کاربر ارائه نمی شود. با این حال قابلیت استفاده برای کاربرانی که از موس استفاده می کنند را ارتقا می دهد، اگر کاربر بر روی متن داخل عنصر <label> کلیک کند کنترل متن به صورت خودکار به فیلد مربوطه منتقل می شود.
برای ایجاد ارتباط و شرح دادن تگ <label> با عناصر دیگر باید خصوصیت for برای تگ <label> را مساوی خصوصیت id قراردهیم .
پشتیبانی مرورگرها از تگ label در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <label> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: یک label را می توان را با استفاده از خصوصیت "for" یا با قرار دادن عنصر مورد نظر در داخل تگ <label> محدود کرد.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "form" یک خصوصیت جدید در HTML5 است.
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | مشخص کننده id کنترلی است که label به آن تعلق دارد. |
| form | form_id | یک یا بیشتر فرم که label متعلق به آنهاست را مشخص می کند. |
ویژگی های عمومی تگ label در HTML
تگ <label> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ label در HTML
تگ <label> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ label در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 18934
دیدگاه‌ها
سلام خسته نباشین
مفهوم متن زیر رو متوجه نشدم اگه توضیح بدین ممنون میشم
برای ایجاد ارتباط و شرح دادن تگ با عناصر دیگر باید خصوصیت for برای تگ را مساوی خصوصیت id قراردهیم .
ممنون
با سلام و خسته نباشید.
به طور معمول از تگ label برای نمایش متن توضیحی برای کنترل موردنظر استفاده میشه.
تگ یک خصوصیت به نام for داره که مقدار اون id کنترل مربوط به اون هست. با این روش، وقتی روی label کلیک کنیم، کنترل موردنظر فوکوس خواهد شد.