هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: كيفية عمل النماذج في HTML لإرسال البيانات
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
مقدمة عن عمل النماذج في HTML
النماذج (Forms) في HTML هي أساسيات جمع البيانات من المستخدمين وإرسالها إلى الخادم. فهم كيفية عمل النماذج بشكل صحيح يمكن أن يكون محوريًا في إنشاء مواقع ويب فعّالة وقابلة للتفاعل.
كيفية استخدام الزر (Button) في النماذج لإرسال البيانات
عند استخدام وسم الزر داخل النموذج، يمكن ضبط الخاصية "type" لتحديد ما إذا كان الزر سيقوم بإرسال البيانات أم لا. إذا تم تعيين الخاصية إلى "submit"، فإن الضغط على الزر سيؤدي إلى إرسال النموذج والبيانات إلى الخادم. هذا هو الإعداد الذي يجب استخدامه عند الرغبة في إرسال البيانات من خلال النموذج.
لماذا لا يتم إرسال البيانات في بعض الأحيان؟
من الأسباب الشائعة لعدم إرسال البيانات هو عدم تغليف حقول الإدخال داخل وسم النموذج. يجب دائمًا أن تكون حقول الإدخال داخل نموذج (Form) لكي يفهم المتصفح أن هذه البيانات يجب إرسالها.
ما هي خاصية "Name" في وسم الإدخال؟
خاصية "Name" في وسم الإدخال هي المفتاح الذي يتم استخدامه لتحديد قيمة الإدخال عند إرساله عبر عنوان URL. ببساطة، هي الوسيلة التي يعرف بها الخادم أي بيانات ينتمي إليها كل إدخال.
متى لا يتم إرسال الإدخال حتى مع وجود وسم النموذج واسم الإدخال؟
حتى إذا كانت حقول الإدخال داخل النموذج ولديها خاصية "Name"، قد لا يتم إرسال البيانات إذا كانت الخاصية "Disabled" مفعّلة. هذه الخاصية تخبر المتصفح بعدم إرسال قيمة الإدخال حتى لو كانت موجودة في النموذج.
كود مثال على كيفية قراءة واختيار البيانات من المستخدمين على صفحة الويب
<form action="">
<input type="text" name="test-input-example" disabled>
<button type="button">Do nothing</button> <!-- نوع الزر "Button" يجعله لا يقوم بأي شيء عند الضغط عليه داخل النموذج -->
<button type="submit">Submit</button> <!-- هذا الزر يقوم بإرسال البيانات عند الضغط عليه -->
</form>
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي كيفية عمل النماذج في HTML لإرسال البيانات
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية في فهم شبكات الإنترنت وخوادم الويب
دورة تدريبية تحتوي على دروس مجانية مدعمة من البورد الأوروبي لفهم أساسيات شبكة الإنترنت والاتصالات بين المستخدمين وتطبيقات الويب والأجهزة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
مقالات ذات صلة
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
