تعریف و کاربرد عنصر <label> در HTML
عنصر <HTML> <label> یک عنوان برای یک آیتم در یک رابط کاربری نشان می دهد.
در نمونه های فوق شما می توانید دو مثال ورودی را مشاهده کنید - هر دو با یک <برچسب> متناظر. این مزایای عمده را ارائه می دهد:
<div class="preference">
<label for="cheese">Do you like cheese?</label>
<"input type="checkbox" name="cheese" id="cheese>
<div/>
<div class="preference">
<label for="peas">Do you like peas?</label>
<"input type="checkbox" name="peas" id="peas>
</div>
متن برچسب نه تنها بصری با ورود متن متناظر آن مرتبط است؛ این برنامه نیز با آن همراه است. این به این معنی است که، به عنوان مثال، یک صفحه نمایشگر وقتی که کاربر بر روی ورودی فرم متمرکز شده است، برچسب را بخواند، و برای کاربر فناوری کمک کند تا اطلاعاتی را که باید وارد شود، آسانتر شود.
شما می توانید با کلیک بر روی برچسب مربوطه برای تمرکز فعال کردن ورودی، و همچنین ورودی خود را. این منطقه افزایش یافته، مزیتی برای هر کسی که در تلاش برای فعال کردن ورودی است، از جمله کسانی است که با استفاده از دستگاه لمسی روی صفحه نمایش می کنند.
برای اتصال عنصر <label> با یک ورودی <input> همانطور که در مثال بالا نشان داده شده است، شما باید <input> یک شناسه id را بدهید. <برچسب> سپس نیاز به یک ویژگی دارد که مقدار آن همانند شناسه ورودی است.
متناوبا به روش نشان داده شده است، شما می توانید <ورودی> را مستقیما داخل <label> قرار دهید، در غیر این صورت برای شناسه ها و شناسه ها لازم نیست زیرا ارتباط نامشخص است:
کنترل فرم که برچسب برچسب گذاری است، کنترل برچسب با عنصر برچسب نامیده می شود. یک ورودی را می توان با برچسب های متعدد ترکیب کرد.
برچسب ها خودشان به طور مستقیم با اشکال نیستند. آنها فقط به صورت غیر مستقیم با کنترل های مرتبط با اشکال ارتباط دارند.
هنگامی که یک برچسب <label> با کلیک بر روی یا ضربه زده می شود و با یک کنترل فرم ارتباط دارد، رویداد کلیک نتیجه نیز برای کنترل مرتبط مطرح می شود.
