مشروع تطبيق عملي في إنشاء نماذج إدخال البيانات

الاختبار: مشروع تطبيق عملي في إنشاء نماذج إدخال البيانات

الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب

الوصف:


2. إنشاء ملفات HTML لكل نموذج:





    • أنشئ ملفًا باسم contact.html.

    • أضف نموذجًا يتضمن العناصر التالية:

      • البريد الإلكتروني: حقل إدخال من نوع email.

      • نص الرسالة: حقل إدخال من نوع textarea.

      • زر إرسال: من نوع submit.ملف 1: نموذج "اتصل بنا"






الصورة التالية مثال لشكل صفحة الإنترنت في المتصفح عند فتح ملف contact.html

لمشاهدة الصورة يجب التسجيل والتأكد من الاشتراك ثم الدخول إلى الورشة التعليمية الخاصة بهذا الاختبار

ملف 2: نموذج تسجيل الدخول

  • أنشئ ملفًا باسم login.html.

  • أضف نموذجًا يتضمن العناصر التالية:

    • البريد الإلكتروني: حقل إدخال من نوع email.

    • كلمة المرور: حقل إدخال من نوع password.

    • زر تسجيل الدخول: من نوع submit.




الصورة التالية مثال لشكل صفحة الإنترنت في المتصفح عند فتح ملف login.html

لمشاهدة الصورة يجب التسجيل والتأكد من الاشتراك ثم الدخول إلى الورشة التعليمية الخاصة بهذا الاختبار

ملف 3: نموذج الاستطلاع

  • أنشئ ملفًا باسم survey.html.

  • أضف نموذجًا يتضمن العناصر التالية:

    • رقم: حقل إدخال من نوع number.

    • تاريخ: حقل إدخال من نوع date.

    • اختيارات: خيارات متعددة باستخدام radio و checkbox.

    • قائمة منسدلة باستخدام وسم select

    • تعليق: حقل إدخال من نوع textarea.

    • زر إرسال: من نوع submit.




الصورة التالية مثال لشكل صفحة الإنترنت في المتصفح عند فتح ملف login.html

لمشاهدة الصورة يجب التسجيل والتأكد من الاشتراك ثم الدخول إلى الورشة التعليمية الخاصة بهذا الاختبار





بالتوفيق في مشروعك! إذا كنت تحتاج إلى أي مساعدة إضافية، فلا تتردد في السؤال




الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب

has been added to the cart. View Cart