在HTML中，我們不能直接實現(xiàn)記住密碼的功能，我們可以通過JavaScript和Cookies來實現(xiàn)這個功能，下面是一個簡單的示例，展示了如何使用JavaScript和Cookies在用戶登錄時記住密碼。

1、我們需要創(chuàng)建一個HTML文件，包含用戶名、密碼輸入框和登錄按鈕，代碼如下：

    
    
    


    
登錄
    

        用戶名：
        
        

        密碼：
        
        

        登錄
    
    

2、接下來，我們需要創(chuàng)建一個JavaScript文件（script.js），用于處理用戶登錄和記住密碼的邏輯，代碼如下：

document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表單默認提交行為
    var username = document.getElementById('username').value;
    var password = document.getElementById('password').value;
    // 在這里，我們可以添加實際的登錄邏輯，例如將用戶名和密碼發(fā)送到服務器進行驗證。
    // 為了簡化示例，我們將直接檢查用戶名和密碼是否與預設的值匹配。
    var rememberedUsername = 'admin';
    var rememberedPassword = '123456';
    if (username === rememberedUsername && password === rememberedPassword) {
        alert('登錄成功！');
        rememberPassword(username, password); // 如果登錄成功，調用記住密碼函數(shù)
    } else {
        alert('用戶名或密碼錯誤，請重試。');
    }
});
function rememberPassword(username, password) {
    // 創(chuàng)建一個名為 "rememberedUser" 的 Cookie，用于存儲用戶名和密碼，設置 Cookie 的過期時間為 7 天（以秒為單位）。
    document.cookie = rememberedUser=${encodeURIComponent(username)}:${encodeURIComponent(password)};expires=${new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toUTCString()};
}

在這個示例中，我們首先創(chuàng)建了一個包含用戶名、密碼輸入框和登錄按鈕的HTML表單，我們?yōu)楸韱翁砑恿艘粋€提交事件監(jiān)聽器，當用戶點擊登錄按鈕時，事件監(jiān)聽器會觸發(fā)一個匿名函數(shù)，在這個函數(shù)中，我們首先阻止了表單的默認提交行為，然后獲取了用戶輸入的用戶名和密碼，接下來，我們檢查用戶名和密碼是否與預設的值匹配，如果匹配，我們彈出一個提示框表示登錄成功，并調用rememberPassword函數(shù)記住用戶的密碼，否則，我們彈出一個提示框表示用戶名或密碼錯誤。

rememberPassword函數(shù)的作用是將用戶名和密碼存儲在一個名為 "rememberedUser" 的Cookie中，我們使用encodeURIComponent函數(shù)對用戶名和密碼進行編碼，以確保它們可以安全地存儲在Cookie中，我們還設置了Cookie的過期時間為7天（以秒為單位），這樣，即使用戶關閉了瀏覽器窗口，他們仍然可以在7天內保持登錄狀態(tài)。

網站欄目：html如何記住密碼
本文URL：http://www.dlmjj.cn/article/djoosoe.html