Cómo diseñar formularios fáciles de usar en html5

categoría Computadoras y software / Programación / Html

Proyectos útil formularios en HTML es una tarea diferente de diseño fácil de usar formas. Su forma puede reunir los datos que necesita, pero si su forma es difícil para los visitantes a utilizar, pueden abandonarlo antes de que haya terminado.

A medida que utilice los elementos de marcado y otros elementos que impulsan el diseño de la página, mantenga las siguientes directrices:

  • Proporcionar pistas textuales para todas sus formas. Sea claro acerca de la información que desea y el formato que usted necesita.

    Por ejemplo, dígale a los usuarios detalles tales como si

  • Las fechas se deben introducir como dd / mm / aa (versus dd / mm / aaaa).

  • El número de caracteres de un campo puede tomar es limitado.

    Puede limitar el carácter mediante el uso de la longitud máxima atribuir.

  • Utilice límites de ancho de campo y de carácter para proporcionar pistas visuales. Por ejemplo, si los usuarios deben introducir un número de tarjeta de crédito como xxxX-xxxX-xxxx-xxxx, considerar la creación de cuatro campos de texto - una para cada parte del número.

  • Grupo campos similares. Una agrupación lógica de campos hace llenando un formulario sencillo. Es confuso si usted pide primero el nombre del visitante, a continuación, cumpleaños, y luego el apellido.

  • Romper las formas largas en secciones fáciles de gestionar. Formas en trozos cortos son menos intimidante y más probabilidades de ser completado.

    Los principales minoristas en línea (como Amazon.com) utilizan este método para obtener los detalles que necesitan para las órdenes sin hacer el proceso muy doloroso.

  • Marcos requiere campos con claridad. Si algunas partes de su forma no puede se deja en blanco cuando los usuarios envían el formulario, marque los campos con claridad.

    Puede identificar los campos requeridos por

    • Haciéndolos negrita

    • El uso de un color diferente

    • La colocación de un asterisco al lado de ellos

    • Escribir mensajes de error servicial, amable. Asegúrese de que su regeneración validación de formularios tiene sentido para los visitantes del sitio (marque con un grupo de probadores sólo para asegurarse). Nada resulta visitantes lejos como un mensaje críptico, inútil. (" Tipo 42 error ". Puede significar algo para un programador, pero no a cualquier otra persona)

    • Dile a los usuarios qué tipo de información que necesitan para el formulario. Si los usuarios necesitan información en sus manos antes de llenar el formulario, un forma de puerta de enlace página puede usuarios todo detalle debe tener antes de empezar a llenar el formulario.

      • La serie de formas que RateGenius utiliza para recopilar información para los préstamos de coche y la refinanciación de préstamos son excelentes ejemplos de formas largas que recopilan una variedad de diferentes tipos de datos mediante el uso de todos los elementos de la forma de marcas disponibles.



      Artículos Relacionados

      Sobre el autor
      Cómo validar elementos de formulario HTML en javascript Cómo validar elementos de formulario HTML en javascript

      La validación es una parte importante del trabajo con formularios HTML. Por desgracia, no todos los navegadores proporciona soporte para las características de validación de HTML5. El ejemplo que encuentres aquí no va a funcionar con Internet…

      Cómo usar PHP para crear una forma html5 con elementos complejos Cómo usar PHP para crear una forma html5 con elementos complejos

      Para un ejemplo del uso de PHP para crear formularios HTML5 más complejas, mirar por encima de monty.html. Este programa es un homenaje a una de las mejores películas de todos los tiempos. (Es posible que sólo tenga que alquilar esta película si…

      Asegúrese de que las contraseñas de los usuarios coinciden en formularios web Asegúrese de que las contraseñas de los usuarios coinciden en formularios web

      Los usuarios que rellenen un formulario web tienen que introducir su contraseña dos veces. Es entonces depende de usted para asegurarse de que las contraseñas que el usuario entró son los mismos. Aunque esta comprobación se produce en el código…

      Cómo validar campos requeridos en una página de formulario-proceso Cómo validar campos requeridos en una página de formulario-proceso

      Usted construye la página del formulario de procesos web PHP en etapas, comenzando con el marco básico y luego añadir la validación más compleja y características a medida que avanza.Abra el editor de texto y crear un nuevo archivo.En ese…

      Cómo usar la función de relleno automático de su iphone para la entrada de forma más rápida Cómo usar la función de relleno automático de su iphone para la entrada de forma más rápida

      El navegador Safari en el iPhone hace que sea relativamente fácil de llenar formularios en línea, pero todavía puede ser lento ir, sobre todo si tienes que hacer un montón de escribir. Para ayudar a que las formas menos de una tarea, Safari…

      Atributos de nuevos elementos de formulario en html5 Atributos de nuevos elementos de formulario en html5

      HTML5 introduce nuevos elementos de formulario y le da todos los elementos del formulario unos extras. Como a diseñar y construir páginas web, puede aplicar estos nuevos atributos y capacidades a cualquier elemento de formulario:enfoque…

      La automatización de su base de datos de e-mail marketing La automatización de su base de datos de e-mail marketing

      Se necesita una base de datos para su software de automatización puede encontrar la información que necesita para enviar sus mensajes de correo electrónico de marketing en base a los criterios especificados. La automatización de su e-mail…

      Teniendo en cuenta los factores humanos en su sitio web de negocios Teniendo en cuenta los factores humanos en su sitio web de negocios

      Cada sitio web de negocios coloca una carga cognitiva significativo en los usuarios, que, básicamente, aprenden a usar una nueva pieza de software de aplicación para cada sitio que visita. Cuanto más su sitio cumple con las convenciones web ya la…

      Cómo optimizar las formas para dispositivos móviles Cómo optimizar las formas para dispositivos móviles

      Los formularios se utilizan en los sitios web para recoger información de los usuarios. Sitios utilizan esta información para completar transacciones y registros, o para completar otras tareas, tales como la presentación de una reclamación de…

      Conceptos básicos del bloque formulario en squarespace Conceptos básicos del bloque formulario en squarespace

      El bloque de formulario en Squarespace se puede utilizar para crear un sencillo formulario de contacto o una forma robusta para recoger información específica presentada por los visitantes del sitio. El último uso está disponible sólo para los…

      Cómo agregar formularios web para un sitio de WordPress usando plugins Cómo agregar formularios web para un sitio de WordPress usando plugins

      Algunos propietarios de sitios web de WordPress deben proporcionar una manera para que los visitantes entren en contacto con ellos directamente por correo electrónico. Usted no quiere publicar su dirección de correo electrónico real en su sitio…

      Cómo publicar formularios para la automatización de marketing Cómo publicar formularios para la automatización de marketing

      Después de que su sistema de automatización de marketing se carga con una base de datos completa, sus plantillas de correo electrónico, y su contenido, usted debe construir su primera forma y publicar el formulario para su sitio web o una página…

      » » » » Cómo diseñar formularios fáciles de usar en html5