هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: كيفية استخدام وقراءة بيانات المدخلات (Input) من المستخدمين في HTML لحفظها أو إرسالها
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
ما هو وسم المدخلات (Input)؟
وسم المدخلات (Input) في HTML يُستخدم لإنشاء حقول إدخال تتيح للمستخدمين إدخال بياناتهم على صفحات الويب. يمكن أن يكون حقل الإدخال نصًا، بريدًا إلكترونيًا، كلمة مرور، أو أنواعًا أخرى عديدة حسب الحاجة.
كيفية الحصول على البيانات من النموذج في صفحة الويب لحفظها أو إرسالها؟
عند إنشاء نماذج على صفحات الويب، يمكن استخدام حقول الإدخال لجمع البيانات من المستخدمين. بعد ذلك، يمكن إرسال هذه البيانات إلى الخادم أو حفظها في قاعدة بيانات. يعتمد ذلك على الطريقة التي يتم بها إرسال البيانات، سواء من خلال استخدام JavaScript أو إرسال النموذج مباشرة عبر HTTP.
كيفية الحصول على جميع البيانات من حقل الإدخال عند ضغط المستخدم على الأزرار في المتصفح (Key Up Event)؟
واحدة من الطرق الشائعة للحصول على البيانات من حقل إدخال هي استخدام الحدث Key Up. يحدث هذا الحدث في كل مرة يضغط فيها المستخدم على مفتاح على لوحة المفاتيح أثناء الكتابة. في هذا المثال البسيط، يتم الحصول على البيانات المدخلة وعرضها في وحدة التحكم (Console) في المتصفح:
<input type="text" id="test-input">
<script>
document.querySelector("#test-input").onkeyup = function (e) {
console.log(e.target.value);
}
</script>
مثال على قواعد البيانات وكيف يمكننا حفظ البيانات فيها
لحفظ البيانات التي تم جمعها من حقول الإدخال، يمكن استخدام قواعد البيانات. على سبيل المثال، إذا كنت ترغب في حفظ بيانات المستخدم مثل الاسم أو البريد الإلكتروني، يمكنك استخدام قواعد بيانات مثل MySQL أو MongoDB. يتم إرسال البيانات من المتصفح إلى الخادم، ومن ثم تخزينها في قاعدة البيانات بشكل منظم لتسهيل الوصول إليها لاحقًا.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي كيفية استخدام وقراءة بيانات المدخلات (Input) من المستخدمين في HTML لحفظها أو إرسالها
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية
دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
مقالات ذات صلة
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
أساسيات لغة HTML لبناء صفحات ويب فعالة
تُعد متصفحات الويب (Web Browsers) واحدة من أهم الأدوات في عالم الإنترنت، حيث تُمكّن المستخدمين من تصفح مواقع الويب والوصول إلى المعلومات...
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
