在網站開發中,登錄頁面是必不可少的一個功能。而編寫一個美觀且實用的登錄頁面需要使用到HTML和CSS知識。下面就來分享一段HTML登陸網頁代碼的實例:
<!DOCTYPE html> <html> <head> <title>登錄</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="login-box"> <h2>用戶登錄</h2> <form action=""> <label>用戶名:</label> <input type="text" name="username" placeholder="請輸入用戶名"> <label>密碼:</label> <input type="password" name="password" placeholder="請輸入密碼"> <input type="submit" value="登錄"> </form> </div> </body> </html>解釋一下上面的代碼: 首先聲明文件類型和HTML版本。然后在標簽中設置網頁標題,字符集和viewport。接著引入CSS樣式表。在標簽中,用div元素包裹登錄框,使用class屬性設置樣式。 在登錄框中設置了一個標題,使用