معرفی و کاربرد تگ label در HTML
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <label> در HTML می پردازیم.
تگ <label> در HTML
معرفی و کاربرد تگ label در HTML | معرفی و کاربرد تگ label در HTML | معرفی و کاربرد تگ label در HTML | معرفی و کاربرد تگ label در HTML | معرفی و کاربرد تگ label در HTML | معرفی و کاربرد تگ label در HTML | معرفی و کاربرد تگ label در HTML
اگر کاربر بر روی متن داخل تگ <label> کلیک کند کنترل متن به صورت خودکار به فیلد مربوطه منتقل می شود.
تگ <input> نیز مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند.
تگ <input> به منظور اعلام کنترل ورودی داخل تگ <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.
یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد.
برای ایجاد ارتباط و شرح دادن تگ <label> با عناصر دیگر باید خصوصیت for برای تگ <label> را مساوی خصوصیت id قرار می دهیم .
تگ <label> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.
مثال در مورد تگ <label> در html
1 2 3 4 5 6 7 | <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> |
بررسی تگ <label> در HTML4.01 و HTML5
هیچ تفاوتی بین تگ <label> در HTML 4.01 و HTML5 وجود ندارد.
ویژگی های خصوصی تگ <label> در HTML
جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | مشخص کننده id کنترلی است که label به آن تعلق دارد. |
| form | form_id | یک یا بیشتر فرم که label متعلق به آنهاست را مشخص می کند. |
نکته: یک label را می توان را با استفاده از خصوصیت “for” یا با قرار دادن عنصر مورد نظر در داخل تگ <label> محدود کرد.
ویژگی های عمومی تگ <label> در HTML
تگ <label> از کلیه ویژگی های عمومی در HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <label> در HTML
تگ <label> در همه مرورگرهای معتبر نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
ثبت ديدگاه