HTML DOM Input Password defaultValue 属性
htmlweb developmentfront end technology更新于 2024/5/29 14:36:17
HTML DOM Input Password defaultValue 属性用于设置或获取密码字段的默认值。元素的 defaultValue 是分配给 value 属性的值。value 属性和 defaultValue 属性之间的区别在于，defaultValue 属性保留指定的原始默认值，而 value 属性会根据用户在输入字段中的输入而变化。
语法
以下是设置 defaultValue 属性 − 的语法
passwordObject.defaultValue = value
此处，"value"是密码字段的默认值。
示例
让我们看一个输入密码 defaultValue 属性的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeDefault() {
document.getElementById("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("Sample").innerHTML = "Default value has been changed from abc123 to "+P ;
}
</script>
</body>
</html>
输出
这将产生以下输出 −
点击"更改"按钮 −
在上面的例子中 −
我们首先创建了一个密码输入字段，其 ID 为"PASS"，值 = "abcd123"。
Password:<input type="password" id="PASS" value="abcd123">
然后，我们创建了一个按钮"CHANGE"，当用户点击该按钮时，它将执行 changeDefault() 方法 −
<button type="button" onclick="changeDefault()">CHANGE</button>
changeDefault() 方法使用 getElementById() 方法获取类型为 password 的输入字段，并将其 defaultValue 属性设置为 “Password123”。然后，我们再次使用 getElementById() 方法获取类型为 password 的输入字段的 defaultValue 属性，并将其赋值给变量 P。然后，使用段落的 innerHTML 属性，将此变量显示在 id 为 “Sample” 的段落中。 −
function changeDefault() {
document.getElementById("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
