如何编写弹出窗口将密码传递给主窗口?

时间:2013-07-05 02:35:48

标签: javascript html

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

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

但问题是,如果我使用“提示”,则不会输入输入字段来输入密码等密码输入。我想隐藏密码中的字符,如 * *。你能帮我解决一下吗?

非常感谢,

1 个答案:

答案 0 :(得分:4)

以下是Demo如何进行自定义弹出窗口&amp;获取密码:

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;
}

SCRIPT:

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";
}