La propiedad maxLength de contraseña de entrada DOM se utiliza para establecer o devolver el valor de un atributo maxLength de un campo de contraseña. Especifica el número máximo de caracteres que se han permitido en el elemento.
Sintaxis:
- Se utiliza para devolver la propiedad maxLength.
passwordObject.maxLength
- Se utiliza para establecer la propiedad maxLength.
passwordObject.maxLength = integer
Valores de propiedad:
- número: Especifica un número máximo de caracteres que se permiten en el Campo de Contraseña.
Valor devuelto: Devuelve un valor numérico que representa el número máximo de caracteres que se han permitido en el campo Contraseña.
Ejemplo: Este ejemplo ilustra cómo devolver la propiedad.
<!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>
Entrada:
Antes de hacer clic en el botón:
Salida:
Después de hacer clic en el botón: 
Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad.
<!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>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM input Password maxLength Property se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA