ویژگی <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 |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |