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

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

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

كما تعلم ، عندما نقوم بتسجيل الدخول أو الاشتراك في أي منصة اجتماعية مثل Facebook و Instagram ، يتعين علينا وضع بريد إلكتروني أو اسم مستخدم وكلمة مرور. تخفي جميع الشبكات الاجتماعية تقريبًا كلمات المرور افتراضيًا بتنسيق نقطي ، وهناك زر أو نص أو مربع اختيار لإظهار الأحرف المكتوبة في تنسيق النص.

في الصورة ، يمكنك أن ترى أن هناك حقل كلمة المرور مع إظهار كلمة المرور زر إخفاء العين. إظهار أو إخفاء كلمة المرور هذه المستندة إلى Javascript.

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

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

إذا كنت مبتدئًا ولم تكن لديك معرفة بجافا سكريبت أو jQuery. ثم يمكنك استخدام زر إخفاء إظهار كلمة المرور هذا في نموذج تسجيل الدخول الخاص بك إذا كنت قد قمت بإنشائه بالفعل. أعتقد أن هذا البرنامج الذي أنشأته سيساعدك كثيرًا في فهم الرمز وراء إنشاء ميزة إخفاء إظهار كلمة المرور هذه.

إذا كنت تحب هذا البرنامج (Password Show Hide Button) وتريد الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

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

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow