Listado completo de tutoriales

Temario del Tutorial->43 - Formulario - text/password y maxlength


Los controles de tipo text y password pueden limitar la cantidad de caracteres que puede ingresar el usuario a partir de la propiedad maxlength.

Debemos asignarle un valor entero que indica hasta cuantos caracteres está permitido ingresar.

No hay que confundir el objetivo de la propiedad size con maxlength. Con la propiedad size solo indicamos la cantidad máxima de caracteres a mostrar dentro del control antes de hacer scroll de los datos.

Confeccionaremos un formulario que solicite el nombre de usuario y su clave y solo permitiremos ingresar nombres de usuarios de hasta 20 caracteres y claves de hasta 12.

<!DOCTYPE html>
<html>
<head>
  <title>Prueba de formulario</title>
  <meta charset="UTF-8">
</head>
<body>
  <form action="registrardatos.php" method="post">
  Ingrese su nombre: 
  <input type="text" name="nombre" maxlength="20" size="20">
  <br>
  Ingrese su clave: 
  <input type="password" name="clave" maxlength="12" size="12">
  <br>
  <input type="submit" value="enviar">
  </form>
</body>
</html>

El resultado en el navegador es:

maxlength

Cuando ejecute esta página no podremos cargar un nombre de usuario de más de 20 caracteres, el teclado se inhabilita cuando se han ingresado 20 caracteres en el primer control.


Retornar