Formularios:
Los formularios web son uno de los principales puntos de interacción entre un usuario y un sitio web o aplicación.
Los formularios permiten a los usuarios la introducción de datos, que generalmente se envían a un servidor web para su procesamiento y almacenamiento (más adelante veremos cómo enviar los datos de un formulario).
El HTML de un formulario web está compuesto por uno o más controles de formulario.
Los controles pueden ser campos de texto de una o varias líneas, cajas desplegables, botones, casillas de verificación o botones de opción, y se crean principalmente con el elemento <input> aunque hay algunos otros elementos que también hay que conocer.
Primero, se recomienda diseñar el formulario. Tiene que ser simple y conciso: solicita sólo los datos que necesitas.
Etiquetas para crear un formulario:
Etiqueta <form>
Permite definir un formulario de datos, utilizados para transferir datos al servidor. Un formulario puede contener a su vez, elementos de entrada como pueden ser campos de texto, casillas de verificación, botones de radio, botones de envió, listas de selección, áreas de texto, etc.
Etiqueta <label>
Representa una etiqueta para un elemento en una interfaz de usuario.
Etiqueta <input>
Es una de las etiquetas más importantes para la solicitud de datos mediante formularios, ya que es la que permite especificar los tipos de datos que se quieren solicitar para su posterior envió.
La etiqueta permite mediante uno de sus atributos especificar el tipo de dato a solicitar, de forma que se pueda componer un formulario que solicite los datos acordes a una estructura idónea para la recepción de los mismos por parte del servidor.
Distintos tipos de datos:
- text: Campo de texto de línea simple. Los saltos de línea son eliminados automáticamente del valor introducido.
- email: campo para direcciones de correo
- password: Control de línea simple cuyo valor permanece oculto.
- date: campo de fecha
- submit: Botón que envía el formulario.
- reset: Botón que anula el formulario.
Etiqueta <textarea>
Representa un control para la edición multilínea de texto sin formato.
El funcionamiento de un formulario, para guardar los datos que se ingresan se realiza con programación usando PHP.
EJEMPLO INICIAL:
SE VE ASÍ: 👇
