%45 تخفیف، با کد Ghadir روی تمام آموزش ها، بمناسبت عید قربان تا غدیر
زمان باقی مانده (تمدید شد)

تگ label در HTML

مثال (تگ label در HTML)

استفاده از دو radio buttons با label های جدا:

<formaction="demo_form.asp">
  <labelfor="male">Male</label>
  <inputtype="radio"name="sex"id="male"value="male"><br>
  <labelfor="female">Female</label>
  <inputtype="radio"name="sex"id="female"value="female"><br>
  <inputtype="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.

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

ویژگی های عمومی تگ label در HTML

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


رویدادهای عمومی تگ label در HTML

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


آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ label در JavaScript 

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان