HTML自動(dòng)登錄是一種方便用戶的功能，可以通過(guò)一次輸入用戶信息，自動(dòng)填充表單，并且可以避免重復(fù)登錄的麻煩。下面是一個(gè)簡(jiǎn)單的HTML自動(dòng)登錄代碼：
<!DOCTYPE html>
<html>
<head>
<title>自動(dòng)登錄示例</title>
</head>
<body>
<form id="loginForm" name="loginForm" method="post" action="login.php">
<p>
<label for="username">用戶名:</label>
<input type="text" name="username" id="username" value="">
</p>
<p>
<label for="password">密碼:</label>
<input type="password" name="password" id="password" value="">
</p>
<p>
<input type="checkbox" name="rememberMe" id="rememberMe" checked>
<label for="rememberMe">記住我</label>
</p>
<p>
<input type="submit" value="登錄">
</p>
</form>
<script>
if(localStorage.getItem('username') && localStorage.getItem('password')){
document.getElementById('username').value = localStorage.getItem('username');
document.getElementById('password').value = localStorage.getItem('password');
document.getElementById('rememberMe').checked = true;
}
document.getElementById('loginForm').addEventListener('submit', function(){
if(document.getElementById('rememberMe').checked){
localStorage.setItem('username', document.getElementById('username').value);
localStorage.setItem('password', document.getElementById('password').value);
} else {
localStorage.removeItem('username');
localStorage.removeItem('password');
}
}, false);
</script>
</body>
</html>以上代碼中，form表單使用了POST方法和一個(gè)登錄處理頁(yè)面login.php。用戶名和密碼的輸入框使用了input標(biāo)簽，并且給每個(gè)元素添加了name和id屬性，方便JavaScript獲取和設(shè)置值。記住我選項(xiàng)則使用了checkbox標(biāo)簽。如果用戶選擇記住我，則會(huì)將用戶名和密碼存儲(chǔ)在localStorage中。如果用戶沒(méi)有選擇該選項(xiàng)，則從localStorage中刪除用戶名和密碼。
JavaScript代碼中，當(dāng)文檔加載完畢時(shí)，會(huì)檢查localStorage中是否存儲(chǔ)了用戶名和密碼，并將它們?cè)O(shè)置到對(duì)應(yīng)的輸入框中。當(dāng)用戶提交表單時(shí)，JavaScript會(huì)檢查是否勾選了記住我選項(xiàng)，如果是，則將用戶名和密碼存儲(chǔ)在localStorage中。如果用戶沒(méi)有選擇該選項(xiàng)，則從localStorage中刪除用戶名和密碼。
以上就是一個(gè)簡(jiǎn)單的HTML自動(dòng)登錄代碼。雖然它可以減少用戶的操作，但也需要注意安全問(wèn)題，比如密碼不能明文存儲(chǔ)，應(yīng)該使用加密方式存儲(chǔ)。此外，如果用戶使用的是公共設(shè)備，建議不要勾選記住我選項(xiàng)，以保障賬號(hào)安全。