مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل تگ kbd را شناختیم؛ تگ kbd یک تگ عبارت است که ورودی صفحه کلید را تعریف می کند.
در این جلسه می خواهیم آموزش کار با تگ label در HTML را به علاقمندان این دوره ارائه نماییم.
آموزش کار با تگ label در HTML
به مثال زیر توجه نمایید.
در این مثال سه دکمه رادیویی به همراه label های آن مشخص شده است.
مثال :
| <form action="/action_page.php"> <label for="male">Male</label> <input type="radio" name="gender" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="gender" id="female" value="female"><br> <label for="other">Other</label> <input type="radio" name="gender" id="other" value="other"><br><br> <input type="submit" value="Submit"> </form> |
تعریف و کاربرد
تگ label یک عنصر برای عناصر button ،input ،meter ،output ،progress ،select یا textarea را تعریف می کند.
بنابرین تگ label براي ايجاد يک عنوان یا نماد متنی در صفحه به کار مي رود.
تگ label به عنوان یک مورد خاص جدید برای کاربر ارائه نمی کند اما قابلیت استفاده از ماوس را برای کاربران آسان می کند.
یک خصیصه اساسی برای تگ label وجود دارد و آن هم خصیصه for است و مقدار این خصیصه هم یک ID می باشد و این ID نیز باید با ID تگ label برابر باشد.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <label> | بله | بله | بله | بله | بله |
نکات و توصیه ها
توصیه
با استفاده از خصیصه “for” یا قرار دادن عنصر در داخل عنصر <label> می توانید یک تگ را به یک عنصر وصل کنید.
تفاوت بین HTML 4.01 و HTML5
خصیصه form در HTML5 خصیصه جدیدی محسوب می شود.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| for | element_id | تعیین میکند که یک برچسب متعلق به کدام عنصر یا تگ است. |
| form | form_id | این خصیصه یک یا چند فرم که label به آن تعلق دارد را مشخص می کند. |
خصیصه های سراسری Global Attributes
تگ <label> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <label> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <label> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| label { cursor: default; } |
کلام آخر
در این جلسه به آموزش کار با تگ label در HTML پرداختیم؛ تگ label براي ايجاد يک عنوان یا نماد متنی در صفحه به کار مي رود.
در جلسه آینده آموزش کار با تگ legend را به علاقمندان این دوره ارائه می نماییم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
