با استفاده از تگ lable می توانید برای input ها یک برچسب ایجاد نماییم. این تگ به شکل خاصی برای کاربرانی که می خواهند اطلاعات خود را ارسال کنند ارایه نمی شود ولی قابلیت افرادی را که از موس برای اریال اطلااعات استفاده می نمایند را بالا می ببرد.
وقتی کاربر تنها روی اسم lable شده کلیک می نمایند کنترل متن خیلی راحت به فیلد مربوطه ارسال می شود. و دیگر نیاز نیست حتما روی گزینه درون input موس قرار بگیرود.
همیشه دقت داشته باشید که برای ایجاد ارتباط تگ lable با تگ های دیگر مقدار for در تگ lable را برابر مقدار id در عناصر دیگر قرار دهید.
همچنین می توانید با استفاده از خصوصیت for در تگ lable آن را محدود کنید.
قطعه کد زیر نمونه ای ازاستفاده تگ lable را نمایش می دهد:
<form action="demo_form.asp"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br> <input type="submit" value="Submit"> </form>
خصوصیت های تگ lable در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | بااستفاده از این خصوصیت می توانید id کنترلی را که در تگ lable وجود دارد را مشخص نمایید. |
| form | form_id | توسط این خصوصیت تعداد فرم هایی را که lable به آن ها تعلق دارد را مشخص می کند. پشتیبانی Html5 |
تگ select تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ select در Html:
تمامی مرور گر ها را پشتیبانی می کند.