HTML彈窗輸入密碼是一種常見的網(wǎng)頁設(shè)計模式，它可以在需要用戶輸入密碼的時候，彈出一個頁面來要求用戶輸入密碼，確保用戶身份的安全性。下面是一個簡單的HTML彈窗輸入密碼代碼：

<div id="passwordWindow" style="display:none;">
<div id="passwordContent">
<p>請輸入密碼:</p>
<input type="password" id="passwordInput">
<button onclick="checkPassword()">確定</button>
</div>
</div>
<script>
function showPasswordWindow(){
document.getElementById("passwordWindow").style.display = "block";
}
function hidePasswordWindow(){
document.getElementById("passwordWindow").style.display = "none";
}
function checkPassword(){
var password = document.getElementById("passwordInput").value;
if(password == "123456"){
alert("密碼正確！");
hidePasswordWindow();
}else{
alert("密碼錯誤，請重新輸入！");
}
}
</script>

在這個代碼中，我們首先定義了一個id為"passwordWindow"的div，作為整個密碼彈窗的容器。div標(biāo)簽的styel屬性設(shè)置為"display:none"，使得它在默認(rèn)情況下不可見。

然后，我們在"passwordWindow"中定義了一個id為"passwordContent"的div，用來顯示輸入框和提交按鈕。在div中，我們還定義了一個提示用戶輸入密碼的文字，以及一個type屬性為"password"的輸入框，來讓用戶輸入密碼。

最后，我們在頁面底部使用JavaScript定義了三個函數(shù)：showPasswordWindow(), hidePasswordWindow()和checkPassword()。在showPasswordWindow()函數(shù)中，我們設(shè)置"passwordWindow"的style.display為"block"，來使得整個密碼彈窗可見。在hidePasswordWindow()函數(shù)中，我們將"passwordWindow"的style.display設(shè)置為"none"，來隱藏整個密碼彈窗。最后，在checkPassword()函數(shù)中，我們獲取用戶輸入的密碼，并判斷是否與預(yù)設(shè)的密碼相同。如果密碼正確，我們彈出一個警告框來提示用戶密碼正確，并調(diào)用hidePasswordWindow()函數(shù)來隱藏密碼彈窗。如果密碼錯誤，我們彈出一個警告框來提示用戶重新輸入密碼。

有了這個HTML彈窗輸入密碼代碼，我們可以在需要用戶輸入密碼的時候，輕松地添加一個彈窗來保障用戶賬戶的安全性。