Formularios HTML

¿Qué son los formularios en HTML?

Los formularios HTML son elementos de las páginas web que nos sirven para recuperar información
del usuario y enviarla al servidor para que pueda ser procesada.
La sintaxis para definir un formulario será mediante el elemento form:

<form>...</form>

Campos de Formularios
Dentro de los campos que podemos incluir en formularios HTML encontramos los siguientes:

 Campos de entrada de datos

o Campos de textos
o Contraseñas
o Checkbox
o Radios
o Botones de envío
o Botones de borrado
o Ficheros
o Campos Ocultos
o Imágenes
o Botones
 Áreas de texto
 Combos de selección

Campos de entrada de datos

Son los elementos básicos de un formulario ya que son los que nos permiten recuperar información
del usuario de diferentes formas.
El elemento que representa los campos de entrada de datos es input. La estructura básica de un
campo de entrada es la siguiente:

<input type="tipo" id="identificador" size="tamaño"

name="nombre" value="texto por defecto"/>

Si vemos los atributos que tiene el elemento input nos encontramos los siguientes:

 type, indica el tipo de campo de entrada de datos que vamos a utilizar. Dependiendo del tipo
que indiquemos obtendremos un resultado u otro. Los valores que puede tener el atributo
type son: “text”, “password”, “checkbox”, “radio”, “submit”, “reset”, “file”, “hidden”,
“image” y “button”.
 id, es el identificador del campo. Es importante ya que será el nombre por el cual podremos
identificar, de forma unívoca, al campo.
  size, será el tamaño del campo. Es decir, el número de caracteres que podríamos insertar en
el campo de texto.
 name, es el nombre del campo el cual se enviará desde el formulario al servidor.
 value, será el valor por defecto que tendrá el campo de texto y que le aparecerá al usuario al
cargar el formulario.

Cuando enviemos el formulario al servidor, se coge el la combinación name=value para ser enviada.

Campos de texto
El campo de texto, como bien indica su nombre, es el que nos permite insertar texto en un
formulario. El usuario podrá insertar texto visible sobre el campo.
En este caso el tipo de elemento input que utilizaremos será “text”. Así, para definir un campo de
texto lo haremos de la siguiente forma:

<input type="text" id="identificador" size="tamaño"

name="nombre" value="texto por defecto"/>

De esta forma si queremos crear un campo de texto para poder insertar 70 caracteres que contenga
un email, lo definiremos de la siguiente forma:

<input type="text" id="email" name="email"

size="70" value="usuario@dominio.com"/>