数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
服装设计
法律研究HTML DOM 密码输入框 defaultValue 属性
HTML DOM 密码输入框 defaultValue 属性用于设置或获取密码字段的 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">
然后，我们创建了一个名为“更改”的按钮，当用户点击该按钮时，将执行 changeDefault() 方法。
<button type="button" onclick="changeDefault()">CHANGE</button>
changeDefault() 方法使用 getElementById() 方法获取类型为密码的输入字段，并将其 defaultValue 属性设置为“Password123”。然后，我们再次使用 getElementById() 方法获取类型为密码的输入字段的 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 ;
}
更新于：2021年2月19日
浏览量：230
广告