تكليفات HTML الدروس من الدرس 24 إلى 27

[ 2 ] تكليفات خاصة ب [ Form Part One ]

المقاطع المطلوب مشاهدتها

الدروس من رقم 24 إلى رقم 27 من الدورة التعليمية الموجودة هنا

التكليف 01

  • قم بإنشاء نموذج يحتوي على خمس حقول إدخال
  • كل حقل يجب أن يحتوي على Label قبله
  • الحقول هي Username, Password, Mobile, Email, Subject
  • تأكد من إختيار نوع الحقل المناسب لكل مما سبق
  • حقل ال Mobile يمكن أن يحتوي على رقم بهذا الشكل +20100 (234) 123
  • حقل ال Username + Email إجباري كتابته
  • جميع الحقول يجب أن تحتوي على نص يوجه الشخص لنصائح أثناء ملأ الحقل. يمكنك كتابة ما تريد في النصائح
  • يجب أن يكون ال Label على سطر وحقل الإدخال على سطر آخر تحته
  • كل Label + Input يجب وضع hr بعدهم للفصل بينهم وبين ال Label + Input الموجودين بعدهم
  • البيانات الموجودة في النموذج سوف يتم إرسالها لصفحة اسمها test.py
  • يجب التأكد ان البيانات التي يتم إرسالها لن تظهر في الرابط العلوي
  • قم بإلتقاط صورة من ال Query String التي تحتوي على البيانات
  • يجب عليك وضع حقل مخفي تكون قيمته أي رقم تريده
  • يجب وضع زر يقوم بحذف جميع ما تم كتابته في حقول الإدخال ويكون إسمه Empty Form
  • يجب وضع زر لإرسال البيانات يكون إسمه Send Data

مساعدة

يمكنك جلب ال Query String من ال Network Tab في المتصفح

التكليف 02

  • قم بعمل الشكل الموجود في الصورة بال HTML فقط
  • القيمة الإفتراضية هي 400
  • لا تحتاج لعمل الأرقام هي فقط لتوضيح المطلوب

تسليم ومراجعة الحلول

الحلول النموذجية هي هدية للداعمين يمكنك الإنضمام للداعمين لترى جميع الحلول من هنا

0 تعليقات


    اترك تعليقاً