استخدام for = id لربط عدة عناصر في HTML label + input

وعليكم السلام ورحمة الله تعالى وبركاته،

مرحبًا @Ahmed Gamal،

إن فائدة ربط عنصر الإدخال input مع عنصر label، هو من أجل التسهيل على المستخدم.

فمن خلال ربط العنصر <label> بـ id خاص بعنصر الإدخال input تكون بذلك سهلة على المستخدم الضغط على الشرح داخل label للدخول إلى input.

هنالك طريقتان فقط للربط بين label و عنصر الإدخال input وهي إما من خلال إضافة for"id عنصر الإدخال".

أو من خلال وضع عنصر الإدخال داخل عنصر label، كما في الإسفل

<label>
  checkbox
  <input type="checkbox">
</label>

ولايمكن أن يتم الربط بينهم بدون إحدى الطريقتين.

أتمنى لك التوفيق.

جزاكم الله خيرآ