HTML <label> کا علامت

تعریف اور استعمال

<label> لبل input عنصر کیلئے نشان کا تعریف کرتا ہے۔

لبل عنصر کا استعمال کاربروں کو کسی خاص اثر نہیں دیتا۔ لیکن، یہ ماوس کاربروں کیلئے استعمال آسان بناتا ہے۔ اگر آپ لبل عنصر کے اندر میں کسی متنی پر کلک کرتے ہیں تو، یہ کنٹرول اکچوک طور پر فائر ہو جائے گا۔ یعنی، جب یوزر اس لبل کو منتخب کرتا ہے تو، براوزر خودکار طور پر لبل سے متعلق فرم کنٹرول پر فورس پر تمرکز دے گا۔

<label> لبل کا for پرائیویٹی اس کا آئیڈی پرائیویٹی کا نام ساتھ میل کرنا چاہئے۔

<label> لبل کئی عناصر کیلئے لبل (نشان) کا تعریف کر سکتا ہے:

مذکورہ عناصر اور لبل کا صحیح استعمال دراصل درکار یوزرز کو مفید ثابت ہوگا:

  • اسکریین ریڈر یوزر (جب یوزر ایک عنصر پر تمرکز کرتا ہے تو، لبل اورا پڑھتا ہے)
  • باریک علاقوں (مثلاً چیک باکس) کا کلک کریگا کے کاربروں کے لئے مشکل ہوتا ہے - کیونکہ جب کاربر کلک کریگا <label> صورتی کی کسی کی باریک کیونکہ جب کاربر کلک کریگا (یہ کلک کی ایک علاقہ بڑھاتا ہے)

مزید دیکھئے:

HTML ڈی او ایم مرجع دستورلبل آئی ڈیوائٹ

مثال

تین لبل والی رادیو بلین:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="پیشکش">
</form>

خود کا تجربہ کریں

نکات اور تذکراً

نکات:<label> برائے ان کو باندھا جا سکتا ہے، کسی عنصر کا آئی ڈی کا برائے کسی مرتبط عنصر کا آئی ڈی برابر ہونا چاہئیگا، یا وہ عنصر کو اس کے اندر رکھ سکتا ہے <label> عنصر کے اندر لبل کو عنصر سے باندھا جائیگا

خصوصیات

خصوصیات مقدار وصف
برائے عنصر آئی ڈی label کو کس فرم عنصر سے باندھا جائے گا
فرم فرم آئی ڈی label فیلڈ کا فرم کو کیا تعلق رکھتا ہے

عالمی خصوصیات

<label> تیگ کا استعمال کردیئے جانے والا HTML میں عالمی خصوصیات。

واقعی خصوصیات

<label> تیگ کا استعمال کردیئے جانے والا HTML میں واقعی خصوصیتیں。

معیاری سی ایس ایس سیٹنگ

ب大多数 براوزروں کا استعمال کردیئے جانے والا درج ذیل اصل مقدار دیکھا جائیگا <label> عنصر:

label {
  cursor: default;
}

خود کا تجربہ کریں

براوزر کا استعمال

کروم ایجی فائرفاکس سافری آپریا
کروم ایجی فائرفاکس سافری آپریا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی