HTML登錄系統是網頁開發中常用的一種功能，其實現往往需要結合服務器端腳本語言。在這里，我們提供一個基于HTML和JavaScript實現的簡易登錄系統示例。 我們首先編寫一個HTML表單，包含用戶賬號和密碼的輸入框以及一個“登錄”按鈕。以下是代碼示例：

<form name="loginForm">
<p>賬號:<input type="text" name="username" /></p>
<p>密碼:<input type="password" name="password" /></p>
<p><input type="button" value="登錄" onclick="login()" /></p>
</form>

登錄按鈕綁定了一個JavaScript函數login()，該函數實現了用戶輸入的賬號和密碼校驗以及跳轉到登錄成功頁面。以下是login()函數的代碼：

function login() {
var username = document.loginForm.username.value;
var password = document.loginForm.password.value;
// 檢查賬號密碼是否正確，這里僅做示范
if (username == "admin" && password == "admin123") {
alert("登錄成功！");
window.location.href = "home.html";
} else {
alert("賬號或密碼不正確，請重新輸入！");
document.loginForm.username.value = "";
document.loginForm.password.value = "";
}
}

這個login()函數通過獲取表單元素的value值實現獲取用戶輸入的賬號和密碼，然后判斷是否正確。如果賬號和密碼都正確，彈出登錄成功提示并使用window.location.href跳轉到成功頁面；如果賬號或密碼不正確，彈出錯誤提示并清空輸入框。 需要注意的是，這里的賬號和密碼是硬編碼在代碼里的，實際生產環境中應該使用數據庫等方式存儲和驗證賬號密碼。 以上便是一個簡易的HTML登錄系統的實現。通過掌握這些基礎知識，我們可以編寫出更加復雜、功能更加豐富的登錄系統。