Multi-stage Form

نموذج متعدد المراحل متجاوب وتفاعلي مَبني باستخدام جافاسكريبت العادي (Vanilla JS).

يوجه المستخدمين خلال عملية من أربع خطوات:

1. المعلومات الشخصية (الاسم، البريد الإلكتروني، الهاتف)

2. اختيار الخطة(تبديل بين الفواتير السنوية/الشهرية)

3. الإضافات(خيارات إضافية اختيارية)

4. الملخص والتأكيد (مراجعة الخيارات قبل الإرسال وعرض التكلفة الإجمالية)

الميزات الرئيسية:

- التنقل: أزرار "السابق" و "التالي"

- تصميم متجاوب: يتكيف مع جميع الأجهزة (الهاتف، الجهاز اللوحي، والكمبيوتر)

- عناصر تفاعلية:حالات التمرير/التركيز (Hover/Focus) للأزرار والحقول، ورسائل خطأ عند إدخال بيانات غير صحيحة

- التقنيات المستخدمة:HTML5 و CSS3 و JavaScript