الحقول أو Form تعتبر من المكونات المهمة في أي موقع ، وقد يكون لها عدة استخدامات في الموقع ، ليس فقط فورم تسجيل الدخول أو فورم تسجيل مستخدم جديد أو من أجل إعداد صفحة اتصل بنا ، بل يمكن إعداد فورم مثلا لطب مساعدة أو فورم من أجل جمع المعلومات أو فورم خاص بحجز المواعيد في الموقع ، لهذا من المهم تخصيص كل فورم للقيام بالعمل المطلوب في الموقع.
موقع codepen
هذا الموقع يعتبر من المواقع الشهيرة التي تمكن المطورين من مشاركة الأكواد مع بقية المطورين ، كما أنه يمكنك من تجربة الأكواد مباشرة من الموقع ، دون الحاجة لتحميلها ثم تجربتها على الموقع ، هذا الفورم أنيق وقابل للتخصيص بسهولة ، وطبعا مجاني .
| اللغات المستخدمة | HTML , CSS |
فورم أخر من موقع codepen
إذا كنت تبحث عن فورم بسيط وسهل الإستخدام والتخصيص ، يمكنك الإعتماد على هذا الفورم ، حيث أنه لا يحتوي على الكثير من الحقول ، إستخدام عدد قليل من الحقول هي طريقة متبعة من المواقع الكبيرة ، حيث أن المستخدمين لا يفضلون ملئ الحقول الكثيرة ، بل يستحسن وجود حقوق قليلة قدر الإمكان ، وهذا يعزز من تجربة الإستخدام بشكل كبير.
| اللغات المستخدمة | HTML , CSS |
فورم مع validation
هنا يقصد بال validation أن يقوم الفورم أو الموقع بتنبيهك في حالة لم تقم بكتابة المعلومات بشكل صحيح ، مثل البريد الإلكتروني ، حيث أن حقل البريد الإلكتروني هو حقل مميز ، ويمكن إستخدام لغة البرمجة جافا سكريبت من أجل التأكد من أن المستخدم قام بإدخال المعلومات بشكل سليم ، أو التنبيه مثلا إلى أنه لم يقم بملئ حقل من الحقول المطلوبة.
| اللغات المستخدمة | HTML , CSS , JS |