هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: إدخال قيمة من الخيارات المتعددة عبر وسم الراديو والتسميات في HTML لتحسين تجربة المستخدم
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
مقدمة حول إدخال الراديو والملصقات في HTML
في HTML، تُستخدم إدخالات الراديو لتوفير خيارات متعددة للمستخدم، حيث يمكنه اختيار واحدة فقط من بين عدة خيارات. الملصقات (labels) تعزز من تجربة المستخدم عن طريق جعل النصوص القابلة للنقر مرتبطة بعناصر الإدخال، مما يسهل عملية التفاعل مع النماذج.
1. ما هو إدخال الراديو؟
إدخال الراديو هو نوع من إدخالات النماذج في HTML يسمح للمستخدم باختيار خيار واحد فقط من بين مجموعة من الخيارات. يتم استخدامه عندما تريد السماح للمستخدم باختيار قيمة واحدة فقط من بين عدة قيم متاحة.
مثال على إدخال الراديو:
<input type="radio" name="language" value="en"> English
<input type="radio" name="language" value="ar"> Arabic
2. كيفية إضافة خيارات لغات باستخدام إدخال الراديو
يمكنك استخدام إدخال الراديو لتقديم خيارات لغات للمستخدم، مع التأكد من أن كل خيار له نفس الاسم لضمان إمكانية اختيار قيمة واحدة فقط.
مثال على خيارات اللغات:
<label for="en_language">
<input type="radio" name="language" id="en_language" value="en"> English
</label>
<label for="ar_language">
<input type="radio" name="language" id="ar_language" value="ar"> Arabic
</label>
3. جعل النصوص بجانب إدخال الراديو قابلة للنقر
لجعل النص بجانب إدخال الراديو قابلًا للنقر ويؤدي إلى تحديد إدخال الراديو، يمكنك استخدام علامة
label. يجب أن يكون for في العلامة مطابقًا لـ id في إدخال الراديو.مثال على استخدام
label:<label for="en_language">
<input type="radio" name="language" id="en_language" value="en"> English
</label>
<label for="ar_language">
<input type="radio" name="language" id="ar_language" value="ar"> Arabic
</label>
4. لماذا نستخدم الملصقات؟
الملصقات تساعد في تحسين تجربة المستخدم وتجعل التفاعل مع النماذج أسهل. إن ربط النصوص بعناصر الإدخال يجعل النموذج أكثر سهولة في الاستخدام.
5. لماذا تعتبر أفضل الممارسات مهمة في البرمجة؟
اتباع أفضل الممارسات في البرمجة مهم لأنه يضمن كتابة كود نظيف وسهل الصيانة. كما أنه يسهل على المطورين الآخرين فهم والتعامل مع الكود في مشاريع التعاون.
خلاصة
تعد إدخالات الراديو والملصقات أدوات قوية لتحسين تجربة المستخدم في النماذج. من خلال فهم كيفية استخدام هذه العناصر بفعالية، يمكنك إنشاء نماذج تفاعلية وسهلة الاستخدام.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي إدخال قيمة من الخيارات المتعددة عبر وسم الراديو والتسميات في HTML لتحسين تجربة المستخدم
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة لهذا الدرس
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي لنماذج إرسال البيانات في صفحة الإنترنت
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
مقالات ذات صلة
فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة
الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
