登录.html

<body class="login">
    <section class="login-page">
        <div class="login-page-left">
            <div class="line-login-top"></div>
            <p>"LIFE WITHOUT<br/> CODING<br/> IT'S LIKE<br/> LIFE<br/> WITHOUT EATING"</p>
            <div class="line-login-bottom"></div>
        </div>
        <div class="login-page-right">
            <form class="login-form">
                <h2>Hi!</h2>
                <div class="line-below-hi"></div>
                <div class="input-element">
                    <div>
                        <input type="text" placeholder="username"/>
                    </div>
                    <div>
                        <input type="password" placeholder="password"/>
                    </div>
                    <div>
                        <input type="submit" value="login"/>
                    </div>
                </div>
            </form>
        </div>
    </section>
</body>

我有索引包含导航到 login.html 的导航栏

       <nav>     
            <div class="hamburger-icon" id="toggle-menu">
                <img src="assets/images/menu.png"/>
            </div>
            <div class="nav-left">
                <h2>&lt;Coders/&gt;</h2>
             </div>
            <ul id="menu">
                <li><a href="index.html">Home</a></li>
                <li><a href="discussion.html">Discussion</a></li>
                <li><a href="group.html">Group</a></li>
                <li><a href="#">About</a></li>
                <li><a href="login.html">SignIn</a></li>                   
            </ul>    
        </nav>

我想要的是如何在单击登录时显示包含登录名（不同页面）的模式。我知道如何在同一页面中制作模式，但在另一个页面中我不知道我必须做什么

标签： jqueryhtmlcssmodal-dialog

jquery - 在 page1 中显示模态内容 page2[关闭]

问题描述

登录.html

解决方案

推荐阅读