تكليفات HTML الدروس من الدرس 28 إلى 30

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

---

التكليف 01

• قم بإنشاء نموذج يحتوي على ثلاث حقول إدخال
• كل حقل يجب أن يحتوي على Label قبله
• الحقول هي Token, Email, Username
• تأكد أن حقل ال Token حقل مخفي ويحتوي على القيمة التالية b92f1fc2fce391ad7af633723afd3055
• تأكد أن حقل ال Email لا يمكن التعديل عليه ويكون به القيمة التالية [email protected]
• عند فتح الصفحة تأكد أن مؤشر الكتابة مركز عند الحقل Username
• تأكد من أن حقل Username يقبل إسم مستخدم من 5 حروف إلى 20 حرف فقط ويكون إجباري
• قم بعمل زر يقوم بإفراغ محتوى البيانات التي كتبها المستخدم ويكون إسمه Empty
• قم بعمل زر لإرسال البيانات بإسم Send
• يتم إرسال البيانات لنفس الصفحة
• يجب أن تظهر البيانات التي تم إرسالها في الرابط بنفس الشكل الموجود في الصورة التالية

---

التكليف 02

• قم بإضافة ما يلي للنموذج السابق
• قائمة من الإختيارات Check تخص مهارات برمجية يمكن أن يختار الشخص منها أكثر من مهارة
• على سبيل المثال Problem Solving, Logical Thinking, Advanced Search, Analysis, Planning
• يجب أن يكون ال Label مرتبط بالإختيار بمعنى عند الضغط على ال Label يتم تفعيل الإختيار
• قم بإنشاء قائمة أخرى من الإختيارات تخص وظيفة الشخص ويجب إختيار خيار واحد فقط منها
• على سبيل المثال Front-End Developer, Back-End Developer, Business Analyst, Project Manager, Scrum Master
• يجب أن يكون ال Label مرتبط بالإختيار بمعنى عند الضغط على ال Label يتم تفعيل الإختيار
• قائمة الخيارات الأولى يكون إسمها skills
• قائمة الإختيارات الثانية يكون إسمها job
• في كل خيار من الخيارات يجب أن يكون هناك خيار واحد على الأقل Checked
• يجب أن تظهر البيانات التي تم إرسالها في الرابط بنفس الشكل الموجود في الصورة التالية

---

التكليف 03

• قم بإضافة ما يلي للنموذج السابق
• قائمة من الخيارات تخص المجال البرمجي فيها مجموعة لغات برمجة بإصداراتهم لتختار من بينهم
• شاهد الصورة لتقوم بعمل المهمة مثل الصورة
• بعدها قم بإنشاء حقل يقبل كتابة نص طويل جدا ويكون إسمه brief
• الحقل يحتوي على نص مسبق لتوضيح ما سوف يتم كتابته وقيمته هي Write Here Why You Want To Learn Programming

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