html密码和确认密码
时间: 2023-10-08 17:08:38 浏览: 59
在 HTML 中,可以使用 `<input>` 元素的 `type` 属性设置为 "password" 来创建密码输入框。此时用户输入的内容会被屏蔽,以保护输入的隐私。
如果需要确认密码,可以使用两个密码输入框,并在第二个输入框中添加 `oninput` 事件,用 JavaScript 来检查两个密码输入框中输入的内容是否一致。例如:
```html
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<label for="confirm-password">确认密码:</label>
<input type="password" id="confirm-password" name="confirm-password" required oninput="checkPassword()">
<script>
function checkPassword() {
var password = document.getElementById("password");
var confirm_password = document.getElementById("confirm-password");
if (password.value != confirm_password.value) {
confirm_password.setCustomValidity("两次输入的密码不一致");
} else {
confirm_password.setCustomValidity("");
}
}
</script>
```
在上面的代码中,`checkPassword()` 函数会在用户输入确认密码时被调用,用来检查两个密码输入框中的内容是否一致。如果不一致,则通过 `setCustomValidity()` 方法设置一个自定义的验证消息。否则,清空验证消息。