هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: فهم أنواع الإدخال في HTML: البريد الإلكتروني، كلمة المرور، وتحميل الملفات المتعددة
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
مقدمة حول أنواع الإدخال في HTML
في تطوير الويب، توفر HTML أنواع إدخال متنوعة تساعد في جمع البيانات من المستخدمين بشكل فعال. من بين هذه الأنواع، "email" و"password" و"file" و"multiple files" تلعب أدوارًا حيوية في تصميم النماذج وتفاعل المستخدمين.
1. إدخال البريد الإلكتروني (email)
إدخال البريد الإلكتروني يُستخدم لجمع عناوين البريد الإلكتروني من المستخدمين. يتم التحقق من صحة البريد الإلكتروني بشكل تلقائي بواسطة المتصفح عندما يتم استخدام النوع "email". يساعد ذلك في التأكد من أن البيانات المدخلة تحتوي على تنسيق صحيح لبريد إلكتروني.
مثال على إدخال البريد الإلكتروني:
<input type="email" placeholder="البريد الإلكتروني" name="email" required>
2. إدخال كلمة المرور (password)
يستخدم إدخال كلمة المرور لجمع كلمات المرور بشكل آمن من المستخدمين. يتم إخفاء النص المدخل بواسطة هذا النوع لتوفير الخصوصية.
مثال على إدخال كلمة المرور:
<input type="password" placeholder="ادخل كلمة المرور" name="password" required>
3. إدخال الملفات (file)
يسمح إدخال الملفات للمستخدمين بتحميل ملف واحد أو أكثر من الملفات من أجهزتهم إلى الخادم. يمكن أن يكون مفيدًا عند جمع مستندات أو وسائط.
مثال على إدخال ملف واحد:
<input type="file" name="file" required>
مثال على إدخال ملفات متعددة:
<input type="file" name="files" multiple="multiple" required>
4. استخدام خاصية "required"
تضمن خاصية "required" أن الحقول الضرورية لا تُترك فارغة قبل إرسال النموذج.
مثال على إدخال مع خاصية "required":
<input type="email" placeholder="البريد الإلكتروني" name="email" required>
5. الفرق بين النوع "button" و"submit"
عند استخدام النوع "button" في نموذج، لا يحدث إرسال للنموذج. بينما النوع "submit" يُرسل النموذج إلى الخادم.
مثال على استخدام النوع "submit":
<button type="submit">إرسال</button>
كلمة عن الدرس
فهم أنواع الإدخال المختلفة في HTML يساهم في تحسين تجربة المستخدم وتسهيل جمع البيانات بشكل أكثر دقة. باستخدام النوع الصحيح والخصائص المناسبة، يمكن للمطورين بناء نماذج فعالة وآمنة.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي فهم أنواع الإدخال في HTML: البريد الإلكتروني، كلمة المرور، وتحميل الملفات المتعددة
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة في هذا الدرس
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي لنماذج إرسال البيانات في صفحة الإنترنت
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
مقالات ذات صلة
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة
الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....
