HTML登錄頁面是一種常用的網頁表現形式,這種頁面能夠支持用戶輸入賬號和密碼,以便登錄網站或者服務。在這篇文章中,我們將分享一段HTML登錄頁面代碼,并且讓用戶能成功登錄網站。
下面是這段代碼:
<!DOCTYPE html> <html> <head> <title>登錄</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="login"> <h1>登錄</h1> <form method="post" action="login.php"> <p>賬號</p> <input type="text" name="username" placeholder="請輸入賬號" required> <p>密碼</p> <input type="password" name="password" placeholder="請輸入密碼" required> <input type="submit" value="登錄"> </form> </div> </body> </html>這段代碼包含了HTML頁面的基本元素。我們在 <head> 中引用了樣式表,這樣我們就可以通過CSS來設置頁面的外觀和樣式。 在 <body> 中,我們使用了 <div> 標簽來創建了一個登錄框。我們在框上方添加了一個標題 “登錄”。接下來我們通過 <form> 標簽來創建輸入表單,這樣用戶就可以在登錄框中輸入自己的賬號和密碼了。我們使用了 <p> 標簽來添加賬號和密碼的標簽,并使用了 <input> 標簽來創建輸入框和按鈕。 最后,我們將 <form> 標簽的方法設置為“post”,這意味著用戶登錄信息將以 POST 請求方式被發送到后端。我們還設置了 <form> 標簽的 action 屬性為“login.php”,這樣在用戶點擊登錄按鈕后,網站將會將用戶登錄信息提交給 login.php 處理。 總結來說,這段HTML登錄頁面代碼非常簡單、易懂,同時也很容易實現。如果您想嘗試自己創建一個HTML登錄頁面,可以將這段代碼復制到一個新建的HTML文件中,并為其添加自己的樣式和后端代碼,以便實現更加完整的登錄功能。