كيفية انشاء نموذج تسجيل الدخول مع الرسوم المتحركة باستخدام HTML و CSS فقط

ستتعلم اليوم في هذه المدونة كيفية إنشاء نموذج تسجيل دخول متحرك باستخدام الرسوم المتحركة للتسمية العائمة باستخدام HTML و CSS فقط

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء نموذج تسجيل دخول متحرك باستخدام الرسوم المتحركة للتسمية العائمة باستخدام HTML و CSS فقط.

 

نموذج تسجيل الدخول عبارة عن مجموعة من بيانات الاعتماد المستخدمة للتحقق من صحة مستخدم. غالبًا ما تتكون من اسم مستخدم وكلمة مرور. يتم استخدام نموذج تسجيل الدخول بواسطة مواقع الويب وتطبيقات الكمبيوتر وتطبيقات الأجهزة المحمولة. التسمية العائمة هي نص يظهر داخل حقل الإدخال. عندما يتفاعل المستخدم مع المدخلات ، فإن التسمية "تطفو" أعلاه وتفسح المجال للمستخدم إدخال قيمة.

 

في هذا البرنامج (نموذج تسجيل الدخول مع الرسوم المتحركة للتسمية العائمة) ، على صفحة الويب ، يوجد نموذج تسجيل دخول يحتوي على حقلي إدخال - البريد الإلكتروني وكلمة المرور ، ورابط نسيت كلمة المرور ، وتذكر مربع الاختيار ، وزر ، ورابط تسجيل. عندما تركز على حقل الإدخال ، فإن تسمية أو نص عائم الإدخال أعلاه. إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج.

 

في الفيديو ، شاهدت نموذج تسجيل الدخول مع الرسوم المتحركة للتسمية العائمة وآمل أن تكون قد فهمت الرموز الأساسية وراء إنشاء هذا البرنامج. هذا برنامج CSS خالص ، لذا عند إدخال معلوماتك وإرسال النموذج ، لن يعيد توجيهك إلى أي صفحات / مواقع أخرى. إذا كنت تعرف JavaScript ، فأنت تضيف بعض الميزات المتقدمة في هذا النموذج مثل - التحقق من صحة حقل الإدخال ، أو إظهار أو إخفاء زر تبديل كلمة المرور ، وغير ذلك الكثير.

 

إذا كنت تحب هذا البرنامج (نموذج تسجيل الدخول مع الرسوم المتحركة للتسمية العائمة) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل. يمكنك استخدام نموذج تسجيل الدخول هذا في صفحات HTML ومواقع الويب والمشاريع الخاصة بك.

 

نموذج تسجيل الدخول مع الرسوم المتحركة للتسمية العائمة

لإنشاء هذا البرنامج (نموذج تسجيل الدخول برسوم متحركة للتسمية العائمة). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow