密碼驗證是網頁設計中的一個基本功能，很多網站都需要驗證用戶輸入的密碼是否符合要求。這里介紹一種HTML密碼驗證代碼。

<form>
<label>密碼:</label>
<input type="password" name="password" oninput="checkPassword()" id="passwordInput">
<p id="passwordError" style="color:red;display:none">密碼必須包含字母、數字和符號，長度在8到16位之間</p>
<br>
<label>確認密碼:</label>
<input type="password" name="confirmPassword" oninput="checkConfirmPassword()" id="confirmPasswordInput">
<p id="confirmPasswordError" style="color:red;display:none">兩次密碼輸入不一致</p>
</form>
<script>
function checkPassword() {
var passwordInput = document.getElementById("passwordInput");
var passwordError = document.getElementById("passwordError");
// 密碼必須包含字母、數字和符號，長度在8到16位之間
var passwordRegex = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,16}$/;
if (passwordRegex.test(passwordInput.value)) {
passwordError.style.display = "none";
} else {
passwordError.style.display = "block";
}
}
function checkConfirmPassword() {
var passwordInput = document.getElementById("passwordInput");
var confirmPasswordInput = document.getElementById("confirmPasswordInput");
var confirmPasswordError = document.getElementById("confirmPasswordError");
if (passwordInput.value == confirmPasswordInput.value) {
confirmPasswordError.style.display = "none";
} else {
confirmPasswordError.style.display = "block";
}
}
</script>

以上代碼中，我們創建了一個表單，其中包含兩個密碼輸入框：密碼和確認密碼。輸入框中使用了type="password"，可以將輸入內容隱藏為星號。每個輸入框都綁定了oninput事件，當用戶輸入時便觸發了相應的函數。

其中，checkPassword()函數用來驗證密碼是否符合要求。使用了正則表達式，要求密碼必須包含字母、數字和符號，且長度在8到16位之間。如果密碼符合要求，則隱藏錯誤提示；否則顯示錯誤提示。

checkConfirmPassword()函數用來驗證兩次輸入密碼是否一致。如果相同，則隱藏錯誤提示；否則顯示錯誤提示。