数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学HTML DOM 输入密码 value 属性
HTML DOM 输入密码 value 属性与 type=”password” 且具有 value 属性的 input 元素相关联。此属性用于指定密码字段的默认值，并且它还会将值更改为用户输入。
语法
以下是语法：
设置 value 属性。
passwordObject.value = text;
这里，text 用于指定密码字段的值。
示例
让我们来看一个输入密码 value 属性的示例：
<!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>输出
这将产生以下输出：
在密码字段中键入一些文本并单击“获取值”按钮：
在上面的例子中：
我们创建了一个 type 为 password 且 id 设置为“PASS1”的输入字段。
PHONE NO: <input type="number" value="222" id="NUMBER1">
然后，我们创建了“获取值”按钮，当用户单击该按钮时，将执行 getValue() 方法。
<button onclick="getValue()">Get Value</button>
getValue() 方法使用 getElementById() 方法获取 input 元素，并将其“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;
}
更新于：2021年2月15日
672 次浏览
广告