如何通过javascript显示弹出窗口和设置变量

Question

当函数setUsernameAndPassword()启动时，我想显示弹出窗口，其中有两个输入（用户名和密码）。用户填写这些输入，按OK然后继续功能并设置var用户名和密码。我怎样才能做到这一点？

function setUsernameAndPassword(){

//display popoup window with two inputs

var username = "";
var password = ""; 
}   

<div id="login_form">
<form class="form" action="" method="post" name="login_form" id="login_form">
<p>Username <input type="text" name="username" /></p>
<p>Password <input type="password" name="pass" /></p>
<input type="submit" name="submit" value="Login" />
</form>
</div>

我看一下jquery对话框，但这太复杂了，我想要一些简单而没有css的东西。并且JavaScript Prompt（）方法也不是一个好的解决方案，因为我需要在一个弹出窗口中输入两个输入。

Answer 1

您可以将用户名和密码输入控件放在通常不显示的位置，直到单击登录按钮，然后当用户单击“接受”按钮时，您只需关闭。