Password Visibility Toggle

Show/Hide Password

Toggle password field visibility with a button, switching between type="password" and type="text".

Example

$("#togglePass").on("click", function() {
  const input = $("#password");
  const isText = input.attr("type") === "text";
  input.attr("type", isText ? "password" : "text");
  $(this).html(isText ? "Show" : "Hide");
});

JAVASCRIPT

Full Editor

Pro Tip

Use an eye icon instead of text for a cleaner UI — toggle between bi-eye and bi-eye-slash.

Related Resources

jQuery Reference

Complete tag & property list

jQuery How-To Guides

Step-by-step practical guides

jQuery Exercises

Practice what you've learned