ویژگی <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 علامت متصل کئے گئے عناصر کا id.

براوزر کی پشتیبانی

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
مستندات مستندات مستندات مستندات مستندات