Formularios en la web

Formularios en la web

Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opción, o campos de texto.

1 Creando un formulario en HTML

Veamos con un ejemplo como crear un formulario en HTML:

a. Etiqueta form.

Esta etiqueta es la que define dentro de nuestra estructura HTML el inicio de un formulario y está compuesta por:

• id: indica un nombre del formulario para que pueda ser personalizado mediante CSS.
•   action: define el destino a donde irán los datos del formulario en HTML. En nuestro ejemplo el destino será un archivo llamado “enviado.php”.
•  method: indica la forma en la que será enviado el formulario en HTML.

b. Etiqueta fieldset.

Esta etiqueta es de uso opcional y se utiliza para agrupar elementos en común dentro de un mismo formulario en HTML. Se suele utilizar junto a la etiqueta legend que le da un título al conjuntos de elementos definidos en el fieldset.

c. Etiqueta label.

Esta etiqueta se utiliza para definir el nombre visible de cada uno de los campos del formulario en HTML.

d. Etiqueta input.

Esta etiqueta corresponde a los campos del formulario que necesitamos para su funcionamiento. Esta está definida por:

•         id: indica un nombre único del campo para que pueda ser personalizado mediante CSS.
•         name: indica el nombre único del campo en el formulario en HTML y este nombre es el que nos permitirá realizar el envío de los datos de cada campo.
•         type: indica el tipo de campo y la acción que tendrá dentro del formulario en HTML. Existen varios tipos de campos input en un formulario:
•         text: para agregar una cadena de caracteres ya sean letras o números.
•         hidden: indica que será un campo oculto para el envío de datos que no será visible para el usuario.
•         password: se utiliza para los formularios de registro y los caracteres escritos serán mostrados en forma de asteriscos o puntos.
•         checkbox: casillas de verificación.
•         radio: botones de opción.
•          submit: este type se le asigna a un campo input para realizar el envío del formulario en HTML.