HTML漂亮用戶注冊界面代碼
<!DOCTYPE html> <html> <head> <title>用戶注冊</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <h1>歡迎注冊</h1> <form method="post" action="register.php"> <div class="form-group"> <label for="username">用戶名:</label> <input type="text" id="username" name="username" required> </div> <div class="form-group"> <label for="email">郵箱:</label> <input type="email" id="email" name="email" required> </div> <div class="form-group"> <label for="password">密碼:</label> <input type="password" id="password" name="password" required> </div> <div class="form-group"> <label for="confirm-password">確認(rèn)密碼:</label> <input type="password" id="confirm-password" name="confirm-password" required> </div> <div class="form-group"> <button type="submit">注冊</button> </div> </form> </div> </body> </html>
上述代碼中，我們使用了HTML5標(biāo)簽和CSS樣式來創(chuàng)建一個漂亮的用戶注冊界面。該界面包含一個標(biāo)題、一個表單和一個提交按鈕。表單中包含四個輸入字段：用戶名、郵箱、密碼和確認(rèn)密碼。所有字段都是必填項。
這個界面的設(shè)計非常清晰，所有的組件都很好地呈現(xiàn)出來。通過這些代碼，我們可以輕松地設(shè)置一個自己的用戶注冊界面，適用于許多網(wǎng)站和應(yīng)用程序。