سبد (0)

تگ label در HTML

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

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

<form action="demo_form.asp">
  <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 

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