HTML是一種用于創建網頁的計算機語言,登入界面是許多網站常用的功能之一。校園登入界面是一種常見的網頁類型,下面是校園登入界面HTML源代碼:
<!DOCTYPE html> <html> <head> <title>校園登入界面</title> <meta charset="utf-8"> </head> <body> <h1>歡迎來到校園登入界面!</h1> <form action="#" method="post"> <label for="username">用戶名:</label> <input type="text" id="username" name="username"><br><br> <label for="password">密碼:</label> <input type="password" id="password" name="password"><br><br> <label>驗證碼:</label> <img src="code.php"> <input type="text" name="code" id="code"><br><br> <input type="submit" value="登入"> <input type="reset" value="重置"> </form> </body> </html>
該HTML源代碼中使用了<form>標簽,它表示一個表單,下面有多個<input>標簽,它們表示用戶可以輸入的內容,類型可以是文本、密碼、復選框等等。其中name屬性表示表單數據名稱,當表單被提交時,這些數據將被發送到服務器。
此外,還有<label>標簽,它用于描述<input>標簽,并通過for屬性與其關聯。當用戶單擊標簽時,相應的<input>標簽會自動選中。在本例中,標簽“用戶名”與輸入框關聯,便于用戶理解。