English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
عنصر <label> في HTML (العلامة) يمثل الشرح لعدد من العناصر في واجهة المستخدم. تستخدم علامة <label> لإنشاء عنوان للإدخال للمستخدم (مثل علامة <button>، <input>، <meter>، <output>، <progress>، <select> أو <textarea>). وتسمى هذه العلامة عادةً بـ <label>.
نموذج HTML بسيط يحتوي على مجالين للإدخال وعلامات مرتبطة بهما:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة label في HTML5 (موقع دروس أساسيات الكود oldtoolbag.com)</title> </head> <body> <h1>استخدام label</h1> <form action="demo-form.php"> <label for="company">شركة: </label> <input type="text" name="company" id="company"><br> <label for="address">عنوان: </label> <input type="text" name="address" id="address"><br> <input type="submit" value="إرسال"> </form> </body> </html>اختبار لمعرفة <‹/›
IEFirefoxOperaChromeSafari
يستخدم معظم المتصفحات العلامة <label>.
العلامة <label> تعرف عنصر input لتقديم التسمية (العلامة). إنها تستخدم لعرض عنوان عنصر التفاعلي في صفحة الويب.
لا يظهر العنصر label أي تأثير خاص على المستخدم. ومع ذلك، يتحسن من قابلية الاستخدام للمستخدمين الذين يستخدمون الماوس. إذا قمت بالنقر على النص داخل عنصر label، سيتم إطلاق هذا التحكم. أي أن، عند اختيار هذا العنصر، سيرتبط المتصفح تلقائيًا مع عنصر النموذج المرتبط بالعلامة.
يجب أن تكون خاصية for لـ <label> متطابقة مع خاصية id للعنصر المرتبط.
إشارة:يمكن استخدام خاصية "for" لربط label مع عنصر آخر. يرجى تعيين قيمة خاصية "for" إلى قيمة خاصية id للعنصر المرتبط.
"form" هي خاصية جديدة في HTML5.
جديد: خصائص جديدة في HTML5.
| الخصائص | القيمة | الوصف |
|---|---|---|
| for | element_id | يحدد element_id العنصر الذي يتم ربطه مع label. |
| formHTML5 | form_id | يحدد form_id الحقل الذي ينتمي إليه هذا label إحدى أو أكثر من نماذج النصوص. |
علامة <label> تدعم خصائص العالمية، راجع جدول الخصائص الكامل خصائص العالمية لـ HTML.
علامة <label> تدعم جميع خصائص أحداث HTML.