تگ lable در HTML

تگ lable در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 16 آذر 1399

با تگ lable در HTML در این مقاله آشنا می شویم.

نکات اصلی تگ lable

  • تگ lable به عنوان عنصر مشخص عمل می کند.
  • استفاده از تگ HTML برای عناصر <input> بسیار راحت است. این منطقه قابل کلیک را افزایش می دهد ، زیرا با کلیک بر روی تگ ورودی نیز فعال می شود.
  • یک عنصر ورودی نیز می تواند درون عنصر lable قرار گیرد.
  • شما باید تگ بسته را وارد کنید.

استفاده از تگ lable در HTML

تگ <label> برای یک عنصر مشخص یک عنصر lable را مشخص می کند:

<label>My Name Field</label>
<input type="text" name="myName" class="myNameInput" required/>

عنصری که دارای lable است ، کنترل با تگ نامیده می شود.

توجه: یک عنصر می تواند چندین  lable داشته باشد.

ویژگی های عنصر lable

تگ های lable برای ویژگی باید دارای مقداری برابر با شناسه یک عنصر باشند. تگ به اولین عنصر قابل برچسب در سند اعمال می شود که با مقدار مشخص شده مطابقت دارد:

<label for="phone">My Phone Number:</label>
<input type="text" value="" name="phoneNo" id="phone" size="30" placeholder="Provide your phone number">

ویژگی فرم در HTML5 اضافه شد. همچنین برای تعیین عنصر برای تگ استفاده می شود ، اما فقط با عناصر <form> کار می کند:

<!-- wp:code -->
<pre class="wp-block-code"><code></code></pre>
<!-- /wp:code -->

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊