هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: تعلم كيفية استخدام Input Checkbox و Id مع Label في صفحات الويب
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
ما هو Input Checkbox؟ Input Checkbox هو عنصر HTML يسمح للمستخدمين بتحديد خيار أو أكثر من مجموعة من الخيارات. يمكن استخدامه في نماذج الويب لجمع بيانات متعددة مثل تحديد اللغات أو الاهتمامات.
كيفية استخدام Input Checkbox لإرسال بيانات متعددة؟ عند استخدام Input Checkbox، يمكن إرسال البيانات المحددة إلى الخادم عن طريق إدراج خاصية
value لكل عنصر Checkbox. ستقوم هذه الخاصية بتحديد القيمة التي سيتم إرسالها عند اختيار المستخدم لهذا الخيار.كيفية إضافة خيارات لغات متعددة؟ لتقديم خيارات متعددة مثل اختيار عدة لغات، يمكن استخدام عنصر Checkbox مع اسم موحد لجميع العناصر. على سبيل المثال:
<h1>اللغات</h1>
<form action="">
<label for="en_language">
<input type="checkbox" name="language" id="en_language" value="en"> الإنجليزية
</label>
<label for="ar_language">
<input type="checkbox" name="language" id="ar_language" value="ar">
العربية
</label>
<label for="fr_language">
<input type="checkbox" name="language" id="fr_language" value="fr">
الفرنسية
</label>
<label for="it_language">
<input type="checkbox" name="language" id="it_language" value="it">
الإيطالية
</label>
<button>إرسال</button>
</form>
لماذا نستخدم الـ Labels؟ استخدام الـ Labels يعد أفضل ممارسة في تطوير الويب. إنه يحسن تجربة المستخدم حيث يمكن النقر على النص المرتبط بـ Checkbox لتحديد الخيار بدلاً من النقر فقط على المربع نفسه. كما أن استخدام الـ Labels يجعل الكود أكثر قابلية للفهم والصيانة، خاصة عندما يعمل عدة مطورين على المشروع.
كيفية جعل النص بجانب Checkbox قابلاً للنقر؟ يمكن تحقيق ذلك عن طريق تغليف كل من النص وعنصر الـ Checkbox داخل علامة Label. كما يتم تعيين نفس القيمة لخاصيتي
id في عنصر الـ Checkbox و for في عنصر الـ Label.لماذا تعتبر أفضل الممارسات في البرمجة مهمة؟ الالتزام بأفضل الممارسات في البرمجة يضمن أن الكود سيكون منظمًا وسهل القراءة. وهذا يصبح أكثر أهمية عندما يعمل أكثر من مطور على نفس المشروع، حيث يحتاج الجميع إلى فهم الكود بسرعة وبدون تعقيدات.
كلمة عن الدرس:
إدراك كيفية استخدام Input Checkbox و Id مع Label يعزز من قدرتك على إنشاء نماذج ويب فعالة وسهلة الاستخدام. هذه المهارات تعتبر جزءًا أساسيًا من أي دورة تدريبية في تطوير الويب.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي تعلم كيفية استخدام Input Checkbox و Id مع Label في صفحات الويب
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة لهذا الدرس
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي لنماذج إرسال البيانات في صفحة الإنترنت
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
مقالات ذات صلة
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة
الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
