معرفی و کاربرد تگ label در HTML برچسب تگ input

معرفی و کاربرد تگ label در HTML برچسب در تگ input

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <label> در HTML می پردازیم.

تگ <label> در HTML

تگ <label> یک برچسب برای تگ <input> تعریف می کند. تگ <label> به صورت خاصی برای کاربر ارائه نمی شود. با این حال قابلیت استفاده برای کاربرانی که از موس استفاده می کنند را ارتقا می دهد.

اگر کاربر بر روی متن داخل تگ <label> کلیک کند کنترل متن به صورت خودکار به فیلد مربوطه منتقل می شود.

تگ <input> نیز مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند.

تگ <input> به منظور اعلام کنترل ورودی داخل تگ <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.

یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد.

برای ایجاد ارتباط و شرح دادن تگ <label> با عناصر دیگر باید خصوصیت for برای تگ <label> را مساوی خصوصیت id قرار می دهیم .

تگ <label> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

مثال در مورد تگ <label> در html

[html]<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>[/html]

بررسی تگ <label> در HTML4.01 و HTML5

هیچ تفاوتی بین تگ <label> در HTML 4.01 و HTML5 وجود ندارد.

ویژگی های خصوصی تگ label در HTML5


ویژگی خصوصی تگ label	مقدار	کاربرد در سند HTML
for	element_id	مشخص کننده id کنترلی است که label به آن تعلق دارد.
form	form_id	form_id یک یا بیشتر فرم که label متعلق به آنهاست را مشخص می کند

نکته: یک label را می توان را با استفاده از خصوصیت “for” یا با قرار دادن عنصر مورد نظر در داخل تگ <label> محدود کرد.