HTML Tutorial

عنصر <label>

استخدام علامة <label>

تستخدم علامة <label> لربط عنصر نموذج (مثل <input> أو <select>) بنص يصف غرضه. عندما ينقر المستخدم على النص، يتم تنشيط العنصر المرتبط.

سمات علامة <label>

  • for: تحدد معرّف العنصر المرتبط.
  • accesskey: مفتاح وصول سريع لتفعيل العنصر.
  • tabindex: ترتيب علامة التبويب للعنصر.

أمثلة باستخدام <label>

<!-- نموذج باستخدام علامة <label> -->
<form>
  <label for="name">الاسم:</label>
  <input type="text" name="name" id="name">
</form>

استكشاف علامة <label>

يُظهر المثال التالي كيفية استخدام علامة <label> لربط نص التسمية بعنصر إدخال:

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف علامة &lt;label&gt;</title>
</head>
<body>
  <form>
    <label for="name">الاسم:</label>
    <input type="text" name="name" id="name">
  </form>
</body>
</html>