HTML登陸頁面是很多網站都必須要有的頁面,它通常用于用戶登錄、注冊、找回密碼等操作。下面是一個基本的HTML登陸頁面的源代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登錄頁面</title> </head> <body> <h1>用戶登錄</h1> <form method="post" action="login.php"> <p><label>用戶名:</label><input type="text" name="username"></p> <p><label>密碼:</label><input type="password" name="password"></p> <p><input type="submit" value="登錄"></p> </form> </body> </html>
在這段代碼中,使用了HTML5的文檔類型聲明。頁面包含頭部和主體兩部分。頭部設置了編碼及頁面標題。主體中包含了一個h1標簽,顯示了“用戶登錄”文本,以及一個form標簽。form標簽中的method屬性設置了提交方法為post,action屬性設置了表單提交的地址為“login.php”。
form標簽中包含了兩個p標簽,分別用于顯示用戶名及密碼輸入框和登錄按鈕。在輸入框和標簽之間使用了label標簽,用于提高可用性和可訪問性。通過name屬性來區分不同的表單字段。
總的來說,上述HTML代碼構建的登陸頁面比較簡單,但已經能夠滿足基本需求。開發者可以根據具體需要進行修改和完善。