معرفی و کاربرد تگ label در HTML
معرفی و کاربرد تگ label در HTML برچسب در تگ input
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <label> در HTML می پردازیم.
اگر کاربر بر روی متن داخل تگ <label> کلیک کند کنترل متن به صورت خودکار به فیلد مربوطه منتقل می شود. تگ <input> نیز مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند. تگ <input> به منظور اعلام کنترل ورودی داخل تگ <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد. برای ایجاد ارتباط و شرح دادن تگ <label> با عناصر دیگر باید خصوصیت for برای تگ <label> را مساوی خصوصیت id قرار می دهیم . تگ <label> مانند بسیاری از تگ های html دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.
مثال در مورد تگ <label> در html
<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 در اچ تی ام ال
ویژگی خصوصی تگ label | مقدار | کاربرد در سند HTML |
for | element_id | مشخص کننده id کنترلی است که label به آن تعلق دارد. |
form | form_id | form_id یک یا بیشتر فرم که label متعلق به آنهاست را مشخص می کند |
نکته: یک label را می توان را با استفاده از خصوصیت “for” یا با قرار دادن عنصر مورد نظر در داخل تگ <label> محدود کرد.
ویژگی های عمومی تگ label در HTML
عنصر <label> از کلیه ویژگی های عمومی در اچ تی ام ال پشتیبانی می کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرها از تگ label در HTML
تگ <label> در همه مرورگرهای معتبر نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
معرفی و کاربرد تگ label در HTML برچسب در تگ input – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید