كيفية تصميم إظهار كلمة المرور أو إخفاء باستخدام HTML CSS و JavaScript

ستتعلم اليوم في هذه المدونة كيفية إنشاء زر تبديل لإظهار أو إخفاء كلمة المرور باستخدام HTML CSS وجافا سكريبت

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

 

بشكل عام ، يتيح لك Password Show أو Hide Toggle إخفاء أو إظهار كلمات المرور بسهولة عبر JavaScript. المنطق الكامن وراءها هو ، في البداية ، نوع الإدخال هو كلمة مرور ، لذلك تكون الأحرف بتنسيق نقطي ، ولكن عند النقر فوق زر أو رمز التبديل ، يتغير نوع الإدخال في النص من كلمة المرور و كلمة المرور مرئية.

 

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (إظهار كلمة المرور أو إخفاء التبديل).

 

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

 

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

 

إظهار كلمة المرور أو إخفاء تبديل

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

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow