صفحه تسجيل دخول انيقه و جميله

نوع العمل

صفحة تسجيل دخول للمستخدمين مع تحقق البيانات مباشرة باستخدام JavaScript، تصميم حديث وجذاب باستخدام HTML وCSS.

الميزات

تصميم أنيق بخلفية Gradient داكنة.

واجهة متجاوبة لجميع الشاشات (موبايل وكمبيوتر).

حقول إدخال واضحة للمستخدم وكلمة المرور.

زر دخول مع تأثير Hover.

رسالة مباشرة تظهر نجاح تسجيل الدخول أو خطأ البيانات.

تحقق بيانات المستخدم بدون الحاجة لسيرفر حقيقي.

طريقة التنفيذ

1. HTML: بناء الهيكل الأساسي (حقول اسم المستخدم وكلمة المرور، زر تسجيل الدخول، مساحة لرسائل الخطأ أو النجاح).

2. CSS: تنسيق الصفحة، ألوان جذابة، تأثير Hover على الزر والكادر، تصميم متجاوب.

3. JavaScript: دالة تتحقق من صحة البيانات المدخلة، تعرض رسالة نجاح أو خطأ، ويمكن توجيه المستخدم بعد النجاح لصفحة أخرى.