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

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

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

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

الدروس من رقم 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 تعليقات


    اترك تعليقاً