Dado un campo de entrada y la tarea es establecer el número mínimo/máximo de caracteres permitidos en un campo de entrada en HTML.
- Para establecer el límite máximo de caracteres en el campo de entrada, usamos el atributo <input> maxlength. Este atributo se utiliza para especificar el número máximo de caracteres que se ingresan en el elemento <input>.
- Para establecer el límite mínimo de caracteres en el campo de entrada, usamos el atributo <input> minlength. Este atributo se usa para especificar el número mínimo de caracteres que se ingresan en el elemento <input>.
Sintaxis:
<input maxlength="number1"> <input minlength="number2">
Valor de atributo:
- number1: contiene un número de valor único que permite el número máximo de caracteres en el elemento <input>. Su valor predeterminado es 524288.
- número2: el número mínimo de caracteres necesarios en los campos de entrada.
Ejemplo 1: establezca el límite del número máximo de caracteres permitidos en los campos de entrada.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to specify the maximum number
of characters <br>allowed in an
input field in HTML?
</h3>
<form action="#">
Username:
<input type="text" name="username"
maxlength="12"><br><br>
Password:
<input type="password" name="password"
maxlength="10"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Producción:
Ejemplo 2: establezca el límite del número mínimo de caracteres permitidos en los campos de entrada.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to specify the minimum number
of characters <br>allowed in an
input field in HTML?
</h3>
<form action="#">
Username:
<input type="text" name="username"
minlength="12"><br><br>
Password:
<input type="password" name="password"
minlength="10"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Producción:
