Formularios web - 13 tutoriales, recursos, herramientas y servicios

Apenas sobrevivir hoy en día sin un formulario web. Que así sea, el formulario de contacto típico, un formulario para pedir un boletín informativo.

En este trabajo, que se presentan con generadores de formas diversas, herramientas, recursos, tutoriales sobre el tema de las formas del sitio.

Con esta disposición, pronto será más fácil de crear su propio formulario de contacto.

Introducción

Formularios web puede ayudar en contacto con sus visitantes en línea que se ofrece en lugar de un simple enlace de correo electrónico a la ventaja de que la información necesaria solicitada y la información requerida puede ser definido.

En la era de la CSS de los exploradores, Ajax y Javascript bibliotecas aquí ha mejorado mucho. Hoy en día es posible hacer muy fácil de usar formas y especias.

Lo que se necesita para un sitio web de forma que funcione?

Una pregunta que me han preguntado muchas veces en las últimas semanas por correo electrónico :-).

En principio, un sitio de forma consiste en dos áreas:

Primero La forma real - se define en HTML, CSS, y, posiblemente, diseñado por la funcionalidad avanzada con funciones de Javascript (jQuery, por ejemplo)

Segundo Un guión de evaluación - escrito en un lenguaje del lado del servidor (por ejemplo, PHP, Perl). Este script se usa para cambiar la entrada del usuario en línea en el formulario para enviar la información al operador del sitio web.
A través de una secuencia de comandos, los datos obtenidos, por ejemplo por correo electrónico se enviará al operador del sitio web y / o almacenados en una base de datos.
(Tenga en cuenta que contará con el apoyo de su paquete de alojamiento y un lenguaje de script correspondiente para que la evaluación debe ser de trabajo!).

Generadores de forma

La WWW, se encuentra una gran variedad de formulario en línea para los generadores que le permiten "zusammenzuklickern" Su contacto personal.

Primero www.jotform.com

Una forma verdaderamente exitoso constructor con un increíble número de funciones. Usando arrastrar y soltar una forma puede ser compilado de forma individual. Estudio especial de los campos de pago y son compatibles. En las herramientas eléctricas, campos de entrada especiales tales como código de la imagen, auto-completar, fecha / hora, etc seleccionado. Las propiedades de estilo se puede adaptar a sus necesidades o simplemente utilizar las plantillas.
¿Cómo integrar la forma resultante le conviene más: si o con código fuente completo, como una llamada de JavaScript. La integración en los distintos sistemas CMS es compatible.

Pruebe un intento - Creo que este Form Builder deja poco que desear.

Segundo www.formular-generator.de

Este generador de formulario le permite crear un sencillo formulario de contacto. Usted tiene la posibilidad de elegir entre 9 campos predefinidos. Código captcha es apoyado por encargo. Al final se recibe el código HTML y PHP se puede copiar a través de cortar y pegar en tu sitio web.

Tercera www.phpform.org

Cuando el constructor de formulario HTML pForm se opta por el color de un formulario de pre-y luego poner en el segundo Mejora tu forma individual a partir de distintos tipos de campo juntos. Las propiedades de cada campo se puede definir de forma individual. Su forma se completa después de guardarlo apagado. A continuación, puede descargar el formulario que se cree un archivo zip e incrustarlo en tu sitio web.

Servicios de forma

Además de los generadores de formas, ahora hay una gran variedad de servicios de forma. Al igual que el generador de formularios, puede ponerse en contacto formularios, encuestas, etc en su conjunto. La diferencia es que no es necesario para el análisis de secuencias de comandos, ya que es también parte del servicio. En su sitio web que sólo se unen el enlace para el formulario generado y todo lo demás está controlado por el servicio de formularios.

Por favor, asegúrese de que la mayoría de estos servicios (por lo menos a partir de un cierto número de formas, contactos, etc señaló página) son gratuitos.

Aquí hay una pequeña selección de la forma de tales servicios:

Primero www.wufoo.com

En segundo lugar www.icebrrg.com

Tercera www.formstack.com

Cuarto www.appnitro.com

Quinto www.formsite.com

Otros enlaces se pueden encontrar en "Recursos" de este artículo.

Tutoriales

¿Quién quiere aprender a hacerlo "a mano". Encuentre consejos útiles trucos y tutoriales en lo siguiente:

Primero un formulario AJAX Fancy Contacto

Segundo crear un formulario de búsqueda con CSS3 y jQuery

Tercero Haga sus bellas formas con CSS

Cuarto Diseño de formularios CSS sencilla y hermosa base

Quinto 10 consejos increíble de formularios Web Forms!

Sexto Prettier forma que resulte accesible

Séptimo limpio y puro diseño FORMA CSS

Octava un día de campo con formularios HTML5

Noveno Cómo validar las formas en ambos lados usando PHP y jQuery

10a Validación de formularios Web: Las Mejores Prácticas y tutoriales

11 de diseño Prettier un formulario web con CSS 3

12 formas de percepción en HTML 5

13 de mejorada del campo actual resaltado en los formularios

Recursos

Primero 10 plug-in de forma útil para mejorar su validación HTML

Segundo Las mejores 13 tutoriales de diseño de formulario Web y Recursos

Tercera 20 Plugins jQuery para mejorar las formas y tutoriales

Cuarto Bellas formas de contacto de su inspiración

Quinto 20 + Recursos y tutoriales para crear formularios con CSS

Sexto 10 + tutoriales jQuery para trabajar con formularios HTML

Séptimo Formas en los dispositivos móviles: Soluciones Modernas

Octavo Web Diseño de formularios: soluciones modernas e ideas creativas

Noveno 13 seleccionados manualmente Recursos de formularios Web para desarrolladores

10a 12 Plugins jQuery Excelente para Mejorar las formas

11 8 Builder útiles Formulario en linea