Javascript 从MySql到PHP的密码字段

我试图将MySql数据库中的密码字段隐藏到我的web应用程序中，但我就是做不到，我正在使用标签显示数据库中的密码字段，如下所示：

暗语 我可以帮你吗

---

PS与java无关

以下选项之一可能是您的解决方案

可以将隐藏的类添加到元素中。 将HTML表单字段用作：

---

不要从数据库中检索密码，也不要显示密码。您的高风险设计应该由一个密码字段替换，该字段包含示例数据。

这里有什么关系？我使用的是bootstrap数据库是JavaScript，CSS不是Java；它们不是同一件事。使用class hidden隐藏div：作为旁白-假设$data['password']是什么，您永远不能从数据库中检索密码；应将其存储为一个文件。所以，如果你尝试的是可能的，这意味着你的系统设计不正确。但我也想添加一个显示密码按钮，我只想它是pw字符，但我想添加一个显示密码按钮，真的吗@CarlosSantiago密码应散列存储在数据库中。。。如果用户忘记了他/她的密码，请使用随机密码生成器重置密码，并在电子邮件请求中发送临时密码。这只是一个基本的学校事务，我不需要太具体或太保护！唯一的问题是，我不希望它成为一个输入，任何人都无法编辑它：/add readonly结尾：它工作的事实意味着你将密码存储在明文中，因此你的安全模型被破坏了。。。是时候重新开始了。这是关于按钮和JS的另一个问题，在我放置脚本之后，如何添加按钮来完成它？Smt类似于{Show Password}？？对于干净的代码，我不建议在HTML中使用onclick。如果您想使用与我在示例中使用的相同的方法，请使用id see pw命名您的复选框。然后在关闭主体之前添加函数，它应该会工作！唯一的问题是我不希望它成为一个输入，任何人都无法编辑它：/i我已经编辑了我的答案，将禁用的关键字添加到输入字段。这将使其处于非活动状态，用户无法对其进行编辑。

<?php //echo $data['password'];?>

<input id="pw" type="password" value="<?php echo $data['password']; ?>">

var pw = document.querySelector('#pw');           // input
var seePw = document.querySelector('#see-pw');    // button

seePw.addEventListener('mousedown', function(){
    pw.setAttribute('type', 'text');
});

seePw.addEventListener('mouseup', function(){
    pw.setAttribute('type', 'password');
});