在網頁開發中,登陸注冊界面是非常常見的功能之一。HTML提供了各種標簽和屬性來實現這些功能。下面我們來看一下一個簡單的登陸注冊界面的HTML代碼。
<!-- 登陸界面 --> <div id="login"> <h2>用戶登陸</h2> <form action="login.php" method="post"> <label>用戶名:</label> <input type="text" name="username" required> <br><br> <label>密碼:</label> <input type="password" name="password" required> <br><br> <input type="submit" value="登陸"> </form> </div> <!-- 注冊界面 --> <div id="register"> <h2>用戶注冊</h2> <form action="register.php" method="post"> <label>用戶名:</label> <input type="text" name="username" required> <br><br> <label>密碼:</label> <input type="password" name="password" required> <br><br> <label>確認密碼:</label> <input type="password" name="confirm_password" required> <br><br> <label>電子郵件:</label> <input type="email" name="email" required> <br><br> <input type="submit" value="注冊"> </form> </div>
在代碼中,我們使用了div標簽來分別包含登陸界面和注冊界面。在登陸界面的form標簽中,我們使用了label標簽來標注每個輸入框,使用input標簽來創建輸入框,并設置了type屬性為text和password,分別用于輸入用戶名和密碼。我們也為這些輸入框設置了required屬性,以確保用戶填寫了必填項。在注冊界面的form標簽中,我們還添加了一個確認密碼的輸入框和一個電子郵件的輸入框。同樣,這些輸入框也都設置了required屬性。在提交按鈕上,我們使用了input標簽,設置了type屬性為submit,以使用戶能夠提交表單。
上一篇vue框的優點
下一篇css 圖片輪播大小控制