HTML彈窗登陸代碼是網站開發中常用的一種功能，可以實現用戶在不離開當前頁面的情況下進行登陸操作。下面為大家提供一份簡單的HTML彈窗登陸代碼，供參考使用：

<div id="login-modal">
<div class="modal-content">
<form action="#" method="POST">
<label for="username">用戶名：</label>
<input type="text" id="username" name="username" required>
<label for="password">密碼：</label>
<input type="password" id="password" name="password" required>
<button type="submit">登陸</button>
</form>
</div>
</div>
<button id="login-btn">登陸</button>
<script>
var loginModal = document.getElementById("login-modal");
var loginBtn = document.getElementById("login-btn");
loginBtn.addEventListener("click", function() {
loginModal.classList.toggle("show");
});
window.addEventListener("click", function(event) {
if (event.target == loginModal) {
loginModal.classList.remove("show");
}
});
</script>

代碼說明：

上述代碼實現了一個簡單的登陸彈窗。首先，我們需要在HTML中添加一個id為“login-modal”的div元素，該元素包含一個id為“modal-content”的子元素，用于顯示登陸表單。表單中有兩個必填項，分別是“username”和“password”，此外還有一個type為“submit”的按鈕用于提交表單。接著，我們需要添加一個id為“login-btn”的按鈕，用于觸發彈窗的顯示。最后，在script標簽中添加事件監聽函數，當點擊“login-btn”按鈕時，通過調用classList.toggle()方法，將“login-modal”元素的“show”class屬性從中添加或移除，以實現彈窗的顯示和隱藏。另外，我們還需要通過window對象的addEventListener()方法，當點擊彈窗外部時，將“login-modal”元素的“show”class屬性從中移除。這樣，就實現了一個簡單的HTML彈窗登陸功能。