今天我們來寫一個用戶登錄界面的HTML代碼,讓我們先從XML開始吧。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>用戶登錄</title> </head>
在這段XML代碼中,我們定義了DTD聲明、html元素和head元素。我們?yōu)镠TML文檔定義了一個標(biāo)題,即用戶登錄,并且將字符編碼設(shè)置為UTF-8。
<body> <h1>請登錄</h1> <form method="post" action="login.php"> <label>用戶名:</label> <input type="text" name="username" /> <br /> <label>密碼:</label> <input type="password" name="password" /> <br /><br /> <input type="submit" value="登錄" /> </form> </body> </html>
在這段XML代碼中,我們定義了body元素和h1元素,標(biāo)題為“請登錄”。我們使用了form元素,將請求方法設(shè)置為post,將登錄表單提交到login.php文件。我們添加了兩個標(biāo)簽,它們分別表示用戶名和密碼,并用input元素與之對應(yīng)。我們另外還添加了一個submit按鈕,讓用戶可以點(diǎn)擊登錄。
好了,這就是HTML登錄頁面的基本代碼。我們可以在style標(biāo)簽內(nèi)添加樣式,美化登錄頁面,讓它看起來更加漂亮。如果你愿意,你還可以添加JavaScript代碼,增加頁面交互性。