Breaking News: Grepper is joining You.com. Read the official announcement!

show/hide password html

Rick Astley answered on July 13, 2022 Popularity 10/10 Helpfulness 4/10

answer show/hide password html

related input password show hide

show/hide password html

Comment

Two ways

<!DOCTYPE html>
<html>
<body>

<button type="button"
onclick="document.getElementById('pass').type = 'password'">
Hide</button>

<button type="button"
onclick="document.getElementById('pass').type = 'text'">
Show</button>

<input id="pass" type="password" value="RickAstley">

</body>
</html> 

<!DOCTYPE html>
<html>
<body>
<!-- Password field -->
Password: <input type="password" value="FakePSW" id="myInput">

<!-- An element to toggle between password visibility -->
<input type="checkbox" onclick="myFunction()">Show Password

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

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 13 2022

Rick Astley

0 Answers Avg Quality 2/10

Closely Related Answers

input password show hide

Comment

<input type="password" id="passwordInput">
<button onclick="togglePasswordVisibility()">Toggle Visibility</button>

<script>
  function togglePasswordVisibility() {
    var passwordInput = document.getElementById("passwordInput");
    if (passwordInput.type === "password") {
      passwordInput.type = "text";
    } else {
      passwordInput.type = "password";
    }
  }
</script>

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

show/hide password html

Contents

More Related Answers

show/hide password html

Closely Related Answers

input password show hide

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.