切换多密码可见性 - php

时间:2018-01-14 14:00:48

标签: php passwords toggle

我有一个表单,它在mysql中存储了许多密码

我们需要隐藏传递,并且只要我们需要,请单击所需的密码

但问题是通过单击切换,显示第一个密码

例如:(这不是主要来源)

<!DOCTYPE html>
<html>
<body>

<p>Click the radio button to toggle between password visibility:</p>

Password: <input type="password" value="FakePSW" id="myInput">
<input type="checkbox" onclick="myFunction()">Show Password

<br>
Password: <input type="password" value="FakePSW" id="myInput">
<input type="checkbox" onclick="myFunction()">Show Password
<script>
function myFunction() {
    var x = document.getElementById("myInput");
    if (x.type === "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
}
</script>

</body>
</html>

我使用id="'.$row["id"].'",但这不是enogh

1 个答案:

答案 0 :(得分:0)

对于onclickmyInput,您指定了与id id="myInput"相同的函数。这个名字有2个id。

您不应多次function myFunction(id) { var x = document.getElementById(id); if (x.type === "password") { x.type = "text"; } else { x.type = "password"; } }使用相同的ID。

您可以做的是创建唯一ID并将其传递给您的函数。

&#13;
&#13;
<!DOCTYPE html>
<html>

<body>

  <p>Click the radio button to toggle between password visibility:</p>

  Password: <input type="password" value="FakePSW" id="myInput1">
  <input type="checkbox" onclick="myFunction('myInput1')">Show Password

  <br> Password: <input type="password" value="FakePSW" id="myInput2">
  <input type="checkbox" onclick="myFunction('myInput2')">Show Password
</body>

</html>
&#13;
id="'.$row["id"].'"
&#13;
&#13;
&#13;

要使用if (event.request.url.endsWith('.jpg')) { console.log(event.request.url); //handling response you may replace it with somthing event.respondWith(fetch('/imgs/avatar.jpg')); } ,您可以循环mysql结果,并为每个结果写入复选框和密码输入。然后你可以使用包含mysql值的id(如果它是唯一的)并使用它而不是&#39; myInput1&#39;