登錄頁(yè)面是網(wǎng)站的關(guān)鍵頁(yè)面之一,它不僅要實(shí)現(xiàn)用戶的認(rèn)證和授權(quán),還要確保用戶信息的安全性。下面是一個(gè)基本的HTML登錄網(wǎng)頁(yè)代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登錄頁(yè)面</title> </head> <body> <h1>登錄頁(yè)</h1> <form action="login.php" method="post"> <p>用戶名:<br/> <input type="text" name="username"></p> <p>密 碼:<br/> <input type="password" name="password"></p> <p><input type="submit" value="登錄"></p> </form> </body> </html>
以上代碼共包括以下5個(gè)部分:
1. DOCTYPE聲明: <!DOCTYPE html>,用于指定HTML文檔的類型。
2. HTML文檔的開始標(biāo)簽: <html>, 其中l(wèi)ang="en"屬性表示頁(yè)面語(yǔ)言是英語(yǔ)。
3. <head>標(biāo)簽: 包含HTML文檔中有關(guān)頁(yè)面設(shè)置和元數(shù)據(jù)的信息。這里使用了<meta>標(biāo)簽聲明了字符集為UTF-8。
4. <body>標(biāo)簽: 包含了頁(yè)面的主要內(nèi)容,開始了我們的登錄頁(yè)面。
5. 表單及其元素: 使用<form>標(biāo)簽創(chuàng)建表單元素,action屬性指定了提交表單的處理程序是login.php;method屬性指定了表單通過(guò)post方式提交。<input>元素用于在表單中添加各種輸入框,這里使用了<input type="text">和<input type="password">作為輸入框。<input type="submit">用于提交表單。