以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head>
<title>Password Input Example</title>
</head>
<body>
<label for="myPassword">Enter password: </label>
<input type="password" id="myPassword">
<script>
// 获取对密码输入框的引用
var passwordInput = document.getElementById("myPassword");
// 读取密码输入框的值
var passwordValue = passwordInput.value;
console.log("当前密码输入框的值为: " + passwordValue);
// 设置密码输入框的值
passwordInput.value = "newPassword";
// 添加事件监听器
passwordInput.addEventListener("input", function() {
console.log("密码输入框的值已更改为: " + passwordInput.value);
});
</script>
</body>
</html>
在这个例子中,我们首先通过 getElementById 方法获取了密码输入框的引用,然后读取了它的值,设置了新的值,以及添加了一个事件监听器,当输入框的值发生变化时会触发相应的函数。
与一般的文本输入框类似,密码输入框也有其他一些属性和方法,如 disabled、placeholder 等,可以根据需要进行操作和设置。
转载请注明出处:http://www.zyzy.cn/article/detail/4498/HTML