Blogia
Algar Publicidad Digital

Cómo hacer un formulario - en HTML

Los formularios son de las herramientas mas importantes utilizadas por un administrador web para reunir información importante sobre un usuario de Internet, información como e-mail, nombre, dirección, teléfono o cualquier otro tipo de información.

Basados en la necesidad, la información puede siempre ser almacenada en un archivo o base de datos, puedes hacer estadísticas. Puedes crear formularios de registro o suscripciones para la información presentada en tu página web, y muchas otras.

HTML - Campos de texto

Antes de entrar en detalles, tenemos que exponer un poco lo básico de un formulario HTML. Los campos de texto poseen unos pocos atributos que han sido mencionados desde el principio:

  • type - establece el tipo del campo de texto. Por ejemplo: texto, contraseña o botón de envío..
  • name - le da al campo de texto un nombre para poder hacer referencia a ese campo desde un lenguaje de servidor como por ejemplo PHP, se se encarga de recibir y procesar el valor del campo.
  • size - establece el tamaño del campo. Aunque se recomienda usar CSS ello.
  • maxlenght - el número máximo de caracteres que pueden ser introducidos.
HTML<form method="post" action="process.php">
Nombre: <input type="text" size="10" maxlength="40" name="nombre"> <br />
Contraseña: <input type="password" size="10" maxlength="10" name="contraseña">
</form>

Demo

Nombre: 
Contraseña: 

No uses este código para un formulario de login. Los datos del formulario no serán encriptados y no viajaran de manera segura.

HTML - Formularios Email

Ahora vamos a añadir el botón de enviar. Generalmente, el botón de enviar debería ser el último y suele tener el atributo value igual a "Enviar", "Enviar formulario" o algo similar.

Tambien debemos especificar un destino para los datos ingresados en el formulario, como también el modo de trasferencia. Esto puede hacerse añadiendo los siguientes atributos:

  • method - Usaremos el método post. Este envía el formulario con la información insertada sin mostrar los detalles del usuario.
  • action - Este se usa para especificar la URL hacia la que será enviada la información para ser procesada.
HTML<form method="post" action="process.php">
Nombre: <input type="text" size="10" maxlength="40" name="nombre"><br />
Contraseña: <input type="password" size="10" maxlength="10" name="contraseña"><br />

<input type="submit" value="Enviar formulario">
</form>

Demo

Nombre: 
Contraseña: 

Para procesar los datos, una ves que el formulario se ha enviado, debes saber que se necesita conocimiento de un lenguaje de servidor tipo PHP, ASP, Ruby, Python o cualquier otro.

0 comentarios