¿QUÉ SON LOS FORMULARIOS WEB?

FORMULARIOS WEB
Es un documento, ya sea físico o digital, diseñado con el
propósito de que el usuario introduzca datos estructurados
(nombre, apellidos, dirección, etc.) en las zonas del
documento destinadas a ese propósito, para ser
almacenados y procesados posteriormente.

Existen elementos en donde se pueden integrar a un

formulario, como :
• Cajas y zonas de texto
• Lista de selección
• Opciones
• Casillas de verificación
• Botones
 ¿QUÉ SE DEBE CONSIDERAR PARA REALIZAR UN
BUEN DISEÑO DE UN FORMULARIO?.
• Poner las etiquetas sobre cada campo con una explicación directa y concisa de lo que se requiere
• Que la tipografía sea legible ,ya que cualquier persona la pueda leer sin ningún problema
• Tener campos y botones fáciles de pulsar, para que cualquier usuario tanto como celulares o laptop ,
puedan llenar los formularios
• Que cada campo de respuesta debe ser proporcional a la información que se espera que el usuario
ingrese los datos que se requiere
• Cuando el usuario comete un error, lo más recomendable es poner un mensaje general al comienzo del
formulario y otro específico en el campo donde está el problema
• Es muy importante que distingas los campos obligatorios, esto no solo ayudará al usuario a llenar el
formulario de forma correcta, sino que también lo orientará sobre la información que necesita recolectar.
 ETIQUETAS QUE PERMITAN INTEGRAR UN FORMULARIO HTML
<REQUIRED> permite indicar qué controles es obligatorio rellenar
para enviar el formulario
<PLACEHOLDE> permite mostrar en los controles de texto un texto que
desaparece al escribir en el control.
<SIZE> permite establecer la longitud de los controles de
texto (text, password, search, etc.). Por omisión, las
cajas suelen tener 20 caracteres de longitud.
<MAXLENGT> <MINLENGHT> permiten establecer la longitud máxima y mínima,
respectivamente, que puede escribir el usuario en un
control de texto
<BUTTON> El contenido del botón <input> se define mediante el
atributo value, por lo que sólo puede contener texto.
El contenido del botón <button> se escribe dentro del
elemento, por lo que puede incluir texto e imágenes
 ¿CUÁLES SON LOS COMANDOS BÁSICOS PARA
DISEÑAR UN FORMULARIO EN HTML?
LA ETIQUETA LO QUE HACE
Action especifica la acción asociada al formulario

Method indica el método de acceso de la acción del formulario.

Enctype determina el tipo de codificación nombre/valor.

input El elemento input , teniendo el valor "submit" en su atributo type ,

representa un botón que, cuando es presionado, envía el formulario (
form ) al que pertenece.
Text area Representa el espacio donde puedes colocar todo el texto que
requieras
Select Se utiliza para reducir una lista de valores