أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <label> Tag


مثال

ثلاثة أزرار مع العلامات:

<form action="demo_form.asp">
  <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> تعرف العلامة تسمية ل <input> العنصر.

و <label> عنصر لا يجعل أي شيء خاص للمستخدم. ومع ذلك، فإنه يوفر تحسين قابلية الاستخدام للمستخدمين الماوس، لأنه إذا كان المستخدم بالنقر على النص ضمن <label> عنصر، فإنه تبديل عنصر التحكم.

و for سمة من <label> يجب أن تكون العلامة مساويا ل id السمة للعنصر ذي صلة لربط معا.


دعم المتصفح

العنصر
<label> نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

نصائح وملاحظات

نصيحة: تسمية يمكن أن تكون ملزمة لعنصر إما عن طريق استخدام "for" سمة، أو عن طريق وضع العنصر داخل <label> العنصر.


الخلافات بين HTML 4.01 و HTML5

و "form" السمة الجديدة في HTML5.


الصفات

= جديد في HTML5.

السمة القيمة وصف
for element_id يحدد أي عنصر النموذج لا بد تسمية ل
form form_id يحدد واحدة أو أكثر من أشكال التسمية تعود إلى

السمات العامة

و <label> كما يدعم بطاقة و السمات العامة في HTML .


سمات الحدث

و <label> كما يدعم هذا الكود في حدث سمات في HTML .


صفحات ذات صلة

HTML DOM إشارة: كائن التسمية


الإعدادات الافتراضية CSS

معظم المتصفحات عرض <label> العنصر مع القيم الافتراضية التالية:

مثال

label {
    cursor: default;
}
انها محاولة لنفسك »