وسم تسمية الحقل <label>

الصياغة

<label for="email">البريد:</label>
<input type="email" id="email" name="email">

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

<!-- الطريقة الأولى: اللف المباشر -->
<label>
  <input type="checkbox"> اضغط على النص نفسه — يعمل!
</label>
<br><br>
<!-- الطريقة الثانية: for + id -->
<label for="n1">الاسم:</label>
<input id="n1" type="text" placeholder="جرب الضغط على «الاسم»">

أهم الخصائص

💡 نصائح عملية

• checkbox وradio تحديدًا يتضاعف نفعها بالـ label — مربعاتها صغيرة جدًا للضغط
• اللف المباشر يغنيك عن إدارة id لكل حقل

⚠️ أخطاء شائعة

• نص عادي بجانب الحقل بلا ربط — يبدو تسمية لكنه ميت وظيفيًّا
• for يشير إلى name بدل id — الربط يكون بالـ id حصرًا

وسوم ذات صلة