login.html

Question

所以我有这样的登录页面

login.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>

我想要的是单击“登录”后如何显示包含登录名（不同页面）的模式。我知道如何在同一页面中制作模态，但是在另一页面中，我不知道该怎么做

在第1页中显示模式内容第2页[CLOSE]

login.html

0 个答案: