Hasta la aparición de los formularios, en la mayoría de las ocasiones era el usuario quien

tenía que escribir en un documento en blanco no sólo sus datos personales, sino los
motivos por los que se realizaba una determinada petición, por lo que en muchas
ocasiones había errores de contenido o la petición que se solicitaba era confusa y la
persona tenía que volver a tramitar otra vez el documento.
Todo esto llevó a la administración y a las empresas a elaborar una serie de documentos
tipo en los que estuviera ya la información o el tipo de petición que se necesitara por
escrito, para facilitar al cliente o usuario de registro y al mismo tiempo, a la empresa u
organización, la búsqueda de la información que éste requiriese. El usuario solo tendría
que rellenar algunos espacios con sus datos y marcar, entre las opciones que se le
ofrecen, la que más se ajuste a sus necesidades.
En la actualidad, todo gira en torno a la información, por ello se requiere de una
herramienta o instrumento que, facilite el flujo de dicha información y el procesamiento de
datos, imprimir uniformidad en los procedimientos, sintetizar y relacionar información y por
último, dar valor legal a determinadas transacciones.

Debido al gran flujo de información, se hace necesario identificar herramientas que

permitan tener la información actualizada, que pueda ser procesada para generar
diferentes reportes y que su interacción con el usuario permita registrar cuentas, realizar
encuestas, acceder a sistemas restringidos, entre otros.

Dentro de los distintos usos de los formularios se encuentra:

 Facilitar datos personales para recibir cierta información

 Generar un listado de productos, para ser escogido por el usuario y recibir dicha
información.

Otras etiquetas que trabajan con formularios son:

 <input /> (define los campos de entrada)

 <select /> (define los campos de selección)
 <textarea></textarea> (define las áreas de texto)

Frente a los formularios digitales, específicamente en HTML 5, los elementos y atributos

para formularios proveen un mayor grado de marcado semántico que en HTML4 y
eliminan gran parte del tedioso trabajo de programar y diseñar que se necesitaba en
HTML4.

Las funcionalidades de los formularios en HTML5 brindan una experiencia mejor para los
usuarios al permitir que los formularios tengan un comportamiento más consistente entre
diferentes sitios web y al darle una devolución inmediata acerca de la información
ingresada. También proveen esta experiencia a los usuarios que han deshabilitado
javascript en sus navegadores.
Los campos nuevos en los formularios, tales como fechas, meses, semanas y horas
ayudan a mejorar la experiencia de usuario ya no sólo a nivel del uso en ordenadores, si
no en cualquier otro dispositivo móvil.

A su vez, para el manejo de campos numéricos se han introducido dos nuevos tipos
number y range. Estos dos tipos comparten una serie de propiedades para fijar mínimo,
máximo y número de pasos. Es importante de igual forma, tener en cuenta las siguientes
propiedades:

 Autofocus en donde el navegador fija el foco al campo que lo tenga indicado

automáticamente al cargar la página, ideal para sitios donde el campo de
búsqueda es importante.
 Required: El campo con este atributo será validado por el propio navegador, tanto
si está vacío como si incluye un tipo como puede ser email o url aparecerá un
pequeño globo informativo indicando el problema.
 Placeholder, que mostrará un texto por defecto mientras el campo este vacío y al
escribir desaparecerá, una mejora que ayuda a entender el propio campo.
 Pattern: Esta propiedad puede ser muy útil ya que permite usar una expresión
regular para que el navegador valide el campo en base a patrón establecido. Se
debe especificar un title ya que al validar, si falla el navegador mostrará ese
mismo.