ویژگی <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. |
براوزر کی پشتیبانی
کروم | ایج | فائرفاکس | سافری | آپریا |
---|---|---|---|---|
کروم | ایج | فائرفاکس | سافری | آپریا |
مستندات | مستندات | مستندات | مستندات | مستندات |