HTML密碼輸入確認框是一個常見的表單組件，用于在用戶輸入密碼時進行確認。下面是一些HTML代碼示例，演示密碼輸入確認框的實現方法。 首先，我們需要使用HTML中的form標簽來創建一個表單。在這個表單中，我們需要使用input標簽來創建兩個文本框，分別用于輸入密碼和確認密碼。代碼如下：

<form>
<p>
<label>輸入密碼：</label>
<input type="password" name="password" />
</p>
<p>
<label>確認密碼：</label>
<input type="password" name="confirm-password" />
</p>
<button type="submit">提交</button>
</form>

注意，我們在密碼文本框中使用了type="password"屬性，這可以使輸入的文本以星號或圓點等符號顯示，以保護用戶的隱私。 接下來，我們需要使用JavaScript來確保輸入的密碼和確認密碼匹配。在上面的代碼中，我們將使用submit按鈕來提交表單。因此，我們需要在提交前檢查密碼是否已經被正確輸入。代碼如下：

<script>
var form = document.querySelector('form');
var passwordInput = form.querySelector('input[name="password"]');
var confirmPasswordInput = form.querySelector('input[name="confirm-password"]');
form.addEventListener('submit', function (event) {
if (passwordInput.value !== confirmPasswordInput.value) {
event.preventDefault();
alert('兩次輸入的密碼不一致');
}
});
</script>

在這個JavaScript代碼中，我們首先使用document.querySelector()方法獲取表單元素和密碼輸入框。然后，我們將addEventListener()方法添加到表單元素上，以監聽submit事件。當事件被觸發時，我們使用if語句檢查密碼輸入框和確認密碼輸入框的值是否一致。如果不一致，我們調用preventDefault()方法阻止表單提交，并使用alert()函數顯示一個提示框。 通過以上代碼，我們就可以對密碼輸入確認框進行基本的實現和驗證。同時，我們還可以使用CSS和JS等技術，對這些表單組件進行美化和優化。