如何编写一个弹出窗口将密码传递给主窗口？

Question

我知道我们可以使用下面的这些代码行将密码传递给 html 中的主窗口：

var password ;  
password = prompt('<fmt:message key="ipack.delete.password"/>',''); 
if (password){
    document.location = link+ "&pw="+password;
}

但是，问题是，如果我使用“提示”，输入密码的输入字段将不会呈现，例如密码输入。我想隐藏密码中的字符，如* *。你能帮我解决吗？

非常感谢，

Answer 1

这是一个演示如何进行自定义弹出窗口并获取密码：

HTML：

<div id="popup">
    <div>Enter Password:</div>
    <input id="pass" type="password"/>
    <button onclick="done()">Done</button>    
</div>
<button onclick="showPopup()">Show Popup</button>

风格：

#popup {
    width:160px;
    height:80px;
    padding:20px;
    background-color:gray;    
    position:absolute;
    top:100px;
    left:100px;
    display:none;
}

脚本：

function done() { 
    document.getElementById("popup").style.display = "none";
    var password = document.getElementById("pass").value;

    //DO STUFF WITH PASSWORD HERE
};

function showPopup() {
     document.getElementById("popup").style.display = "block";
}