صفحه اول >> دانستنی ها >>
آموزش تگ label در HTML - راهنمای کار با برچسب متنی در html
تگ label یک عنوان یا برچسب متنی برای عناصر button ،input ،meter ،output ،progress ،select یا textarea ایجاد می کند.
تگ label یک عنوان یا برچسب متنی برای عناصر button ،input ،meter ،output ،progress ،select یا textarea ایجاد می کند.
این تگ کارکرد خاصی ارائه نمی دهد اما کاربر با کلیک بر روی آن به وسیله موس، به فیلد مربوطه منتقل می شود.
برای ایجاد ارتباط بین تگ label با دیگر عناصر باید ویژگی for تگ label را برابر ویژگی id عنصر مربوطه قرار دهیم.
مثال تگ label در HTML
<form action="get_data.php" method="POST">
<label for="UserName">نام شما : </label>
<input type="text" name="myname" id="UserName">
<input type="submit" value="ارسال">
</form>
<label for="UserName">نام شما : </label>
<input type="text" name="myname" id="UserName">
<input type="submit" value="ارسال">
</form>
پشتیبانی مرورگرها
تگ label در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| for | element_id | مشخص می کند که یک برچسب متعلق به کدام عنصر یا تگ است. |
| form | form_id | مشخص می کند که label متعلق به کدام فرم است. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <label> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <label> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
label {
cursor: default;
}
cursor: default;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.