كيفية تبديل رؤية كلمة المرور

تبديل رؤية كلمة المرور

الخطوة الأولى - إضافة HTML:

<!-- حقل كلمة المرور -->
كلمة المرور: <input type="password" value="FakePSW" id="myInput">
<!-- عنصر يستخدم للتبديل بين إظهار وتخفيض كلمة المرور -->
<input type="checkbox" onclick="myFunction()"> عرض كلمة المرور

الخطوة الثانية - إضافة JavaScript:

function myFunction() {
  var x = document.getElementById("myInput");
  if (x.type === "password") {
    x.type = "text";
  } else {}}
    x.type = "password";
  }
}

جرب بنفسك