ویژگی <label> for HTML

تعریف و استفاده

برای ویژگی تعیین می‌کند که برچسب به کدام عنصر فرم پیوند دارد.

ارتباط پنهان و مستقیم

برچسب‌ها معمولاً به یکی از دو روش زیر با کنترل‌های فرم مرتبط می‌شوند: قرار دادن کنترل فرم به عنوان محتوای برچسب، که این یک فرم پنهان است، یا برای برچسب <label> زیر، برای ویژگی نام‌گذاری یک id فرم هدف را مشخص می‌کند، بنابراین این یک فرم مستقیم است.

مثلاً، در XHTML:

ارتباط مستقیم:

<label for="SSN">شماره شناسایی ملی:</label>
<input type="text" name="IdNum" id="IN" />

ارتباط پنهان:

<label>تاریخ تولد:<input type="text" name="DofB" /></label>

اولین برچسب به صورت مستقیم متن "Social Security Number:" و کنترل ورودی متن فرم ("SocSecNum") را به هم متصل می‌کند، که برای مقدار ویژگی و id کنترل‌ها یکی هستند، هر دو SSN هستند. برچسب دوم ("تاریخ تولد:") نیاز ندارد برای ویژگی، کنترل‌های مرتبط آن نیز نیاز به属性 id ندارند، آنها از طریق قرار دادن برچسب <input> در داخل برچسب <label> به صورت پنهان به هم متصل می‌شوند.

مثال

سه گزینه انتخابی با برچسب:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="ارسال">
</form>

آزمایش کنید

قوانین

<label for="element_id">

مقدار ویژگی

مقدار توضیح
element_id شناسه‌ای که به عنصر پیوند شده است.

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی