DOM输入密码maxLength属性用于设置或返回密码字段的maxLength属性值。它指定元素中允许的最大字符数。
用法:
- 它用于返回maxLength属性。
passwordObject.maxLength
- 它用于设置maxLength属性。
passwordObject.maxLength = integer
属性值:
- number:它指定“密码”字段中允许的最大字符数。
返回值:它返回一个数字值,该值表示“密码”字段中允许的最大字符数。
例:本示例说明了如何返回属性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password maxLength Property</h2>
<form id="myGeeks">
Password:<input type="password"
id="myPsw"
maxlength="8">
</form>
<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").maxLength;
document.getElementById(
"demo").innerHTML =
There are only " + x + " maximum characters" +
"allowed in a Password Field.";
}
</script>
</body>
</html>
输入:
在单击按钮之前:
输出:
单击按钮后:
示例2:本示例说明了如何设置属性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password maxLength Property</h2>
<form id="myGeeks">
Password:<input type="password"
id="myPsw"
maxlength="8">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:20px;"></p>
<script>
function myFunction() {
var x =
document.getElementById(
"myPsw").maxLength = 6;
document.getElementById(
"demo").innerHTML =
"Maximum number of characters allowed " +
"in password field now " + x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM输入密码maxLength属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML Input URL maxLength用法及代码示例
- HTML Input Text maxLength用法及代码示例
- HTML Input Email maxLength用法及代码示例
- HTML Input Search maxLength用法及代码示例
- HTML Input Password name用法及代码示例
- HTML Input Password value用法及代码示例
- HTML Input Password readOnly用法及代码示例
- HTML Input Password placeholder用法及代码示例
- HTML Input Password autocomplete用法及代码示例
- HTML Input Password type用法及代码示例
- HTML Input Password defaultValue用法及代码示例
- HTML Input Password autofocus用法及代码示例
- HTML Input Password size用法及代码示例
- HTML Input Password form用法及代码示例
- HTML Input Password disabled用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input Password maxLength Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。