Question

我想在弹出窗口中实现我的登录表单。当我点击登录按钮时，应该打开一个弹出窗口，其中包含字段用户名和密码，并应在成功登录后关闭

这里我的代码我希望在弹出窗口中打开

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org  /TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>XXXXXXXXXXX - Login</title>

</head>
<body>
<center>
    <h1>XXXXXXXX</h1>
    <div id="error">${error}</div>
    <form name="login" action='j_spring_security_check'
        method="post">
        <table border="1">
            <tr>
                <td>Username:</td>
                <td><input type='text' name='j_username' maxlength="50" required /></td>
            </tr>
            <tr>
                <td>Password:</td>
                <td><input type='password' name='j_password' maxlength="20" required></td>
            </tr>
            <tr>
                <td><input name="submit" type="submit"></td>
                <td><input name="reset" type="reset"></td>
            </tr>
        </table>
    </form>

    <a href="register/normal">Register</a>
     &nbsp; &nbsp; 
    <a href="forgotpassword">Forgot Password</a>
     <br/>
     <br/>
    <form action='j_spring_openid_security_check' method="post">
        <input name="openid_identifier" type="hidden"
            value="https://www.google.com/accounts/o8/id" /> <input
            type="submit" value="SignIn with Google" />
    </form>
     &nbsp; 
    <form action='j_spring_openid_security_check' method="post">
        <input name="openid_identifier" type="hidden"
            value="https://me.yahoo.com/user" /> <input type="submit"
            value="SignIn with Yahoo" />
    </form>
     &nbsp; 
    <form id="fb_signin" action="signin/facebook" method="POST">
    <input type="hidden" name="scope" value="publish_stream,offline_access" />
        <button type="submit">SignIn with facebook</button>
    </form>
    &nbsp;
    <form id="tw_signin" action="signin/twitter" method="POST">
        <button type="submit">SignIn with twitter</button>
    </form>
    &nbsp;
    <form id="ln_signin" action="signin/linkedin" method="POST">

        <button type="submit">SignIn with Linkedin</button>
    </form>
</center>

如何在弹出窗口中实现我的登录表单，并在成功登录后关闭弹出窗口

0 个答案: