DOM输入密码值属性用于设置或返回密码字段的value属性值。 Value属性指定输入电子邮件字段的初始值。该值可以是单个地址或地址列表。
用法:
- 它用于返回value属性。
passwordObject.value
- 用于设置value属性。
passwordObject.value = text
属性值:
- text:它指定密码字段的值。
返回值:它返回一个代表密码字段密码的字符串值。
示例1:本示例说明了如何返回属性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password value Property</h2> Password:
<input type="password"
id="myPsw"
value="geeks12">
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:25px;"></p>
<script>
function myFunction() {
var x = document.getElementById("myPsw").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
示例2:本示例说明了如何设置属性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password value Property</h2> Password:
<input type="password"
id="myPsw"
value="geeks12">
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:22px;"></p>
<script>
function myFunction() {
var x = document.getElementById("myPsw").value ="geeks786"
document.getElementById("demo").innerHTML =
"The value of the value attribute was changed to:" + x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:DOM输入密码值属性支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML Input Password name用法及代码示例
- HTML Input Password autofocus用法及代码示例
- HTML Input Password disabled用法及代码示例
- HTML Input Password defaultValue用法及代码示例
- HTML Input Password pattern用法及代码示例
- HTML Input Password placeholder用法及代码示例
- HTML Input Password required用法及代码示例
- HTML Input Password form用法及代码示例
- HTML Input Password size用法及代码示例
- HTML Input Password readOnly用法及代码示例
- HTML Input Password type用法及代码示例
- HTML Input Password autocomplete用法及代码示例
- HTML Input Password maxLength用法及代码示例
- HTML DOM Input Password用法及代码示例
- HTML input password用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input Password value Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。