تگ 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

آموزش html فیلم آموزش html

: نوشته شده توسط سمیه فخری; بازدید: 18379