HTML DOM Input Password value 属性
htmlweb developmentfront end technology更新于 2024/5/18 5:32:17
HTML DOM Input Password value 属性与 type=”password” 且具有 value 属性的输入元素关联。此属性用于指定密码字段的默认值，并将其值更改为用户输入的值。
语法
以下是语法 −
设置 value 属性。
passwordObject.value = text;
此处，text 用于指定密码字段的值。
示例
让我们看一个输入密码值属性的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input password Value property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html>
输出
这将产生以下输出 −
在密码字段中输入一些文本并点击"获取值"按钮 −
在上面的例子中 −
我们创建了一个类型为 password 的输入字段，其 id 设置为"PASS1"。
PHONE NO: <input type="number" value="222" id="NUMBER1">
然后我们创建了"获取值"按钮，当用户点击时将执行 getValue() 方法 −
<button onclick="getValue()">Get Value</button>
getValue() 方法使用 getElementById() 方法获取输入元素，并将其 “value” 属性值赋给变量 t。如果在点击 “获取值” 按钮之前未在密码字段中输入任何内容，则返回空字符串。value 属性会随着用户输入而变化，因此它将在密码字段中显示当前输入。然后，此变量将使用其 innerHTML 属性显示在 ID 为 “Sample” 的段落中 −
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
