Website Formulários - 13 tutoriais, recursos, ferramentas e serviços

Mal faz um site esses dias sem forma. Que assim seja, o formulário de contato típico, um formulário para solicitar um boletim informativo.

Neste artigo, apresento geradores de várias formas, ferramentas, recursos, tutoriais sobre as formas do site sujeitos.

Com esse arranjo, haverá em breve encontrá-lo fácil de criar seu próprio formulário de contato.

Introdução

Formulários da Web podem ajudá-los em contato com seus visitantes em linha estar oferecendo ao contrário de um link de e-mail simples para a vantagem de informação que está sendo solicitado e as informações necessárias obrigatória pode ser definido.

Na era da CSS navegadores habilitados, Ajax e bibliotecas JavaScript, muitas coisas melhoraram. Hoje é possível fazer muito user-friendly formas e especiarias.

O que você precisa para um funcionamento formulário da Web?

Uma pergunta que você me perguntou muitas vezes nas últimas semanas por e-mail :-).

Em princípio, um site-form consiste de duas áreas:

Primeiro A forma real - é definido em HTML, CSS e, possivelmente, projetado pela funcionalidade avançada através de funções Javascript (jQuery por exemplo)

Segundo Um script de avaliação - escrito em uma linguagem de script do lado do servidor (por exemplo, PHP, Perl). Este script é necessário para a entrada do usuário on-line o formulário para enviar informações para o operador do site web.
Tem um script como, os dados adquiridos, por exemplo, e-mail é transmitida ao operador do site e / ou armazenados em um banco de dados.
(Por favor note que este será suportado em seu pacote de hospedagem vem com uma linguagem de script deve ser adequado para avaliar as obras!).

Geradores de formulários

A WWW fornece uma variedade de formulários on-line-geradores que lhe permitirá "zusammenzuklickern" Seu contato pessoal.

Primeiro www.jotform.com

Um construtor de forma verdadeiramente bem sucedido com um número incrível de funções. Basta arrastar e soltar uma forma podem ser recolhidos individualmente. Levantamento especial e campos de pagamento são suportados. Nas ferramentas elétricas, campos de entrada especiais, tais como captcha, auto-complete, data / hora, etc, são selecionados. Propriedades de estilo pode ser adaptado às suas necessidades ou simplesmente usar os modelos fornecidos.
Como você incluir o formulário criado, você decide: se com o código fonte ou como uma chamada de JavaScript. A integração em vários sistemas de CMS é suportado.

Dê-lhe uma tentativa - Eu acho que isso Form Builder deixa pouco a desejar.

Segundo www.formular-generator.de

Este gerador de formulários permite que você crie um formulário de contato simples. Você tem a possibilidade de escolher entre 9 campos pré-definidos. Código Captcha é suportado no pedido. No final, você obtém o código HTML e PHP você pode copiar e colar através do corte em seu site.

Terceiro www.phpform.org

Quando o construtor de formulários HTML pForm você decidir pré-forma para uma cor e depois colocado na segunda Passo o formulário individual a partir de diferentes tipos de campo juntos. As propriedades de cada campo pode ser definido individualmente. Após o seu formulário for preenchido salvá-lo fora. Depois, você pode baixar o formulário que você criar um arquivo Zip e inserir em seu site.

Serviços de formulário

Apart formar os geradores, existem agora uma variedade de formulário de serviços. Similar ao Gerador de formulário, você pode entrar em contato formulários, pesquisas, etc juntos. A diferença é que você não precisa de scripts para análise, conforme este é também parte do serviço. Em seu site você só ligar o link para o formulário gerado e tudo o resto é tratado pelo serviço de formulários.

Por favor, certifique-se que a maioria destes serviços (pelo menos a partir de um certo número de formas, contatos, Meadow Page, etc) são gratuitos.

Aqui está uma pequena selecção de serviços como forma:

Primeiro www.wufoo.com

Segundo www.icebrrg.com

Terceiro www.formstack.com

4 www.appnitro.com

5 www.formsite.com

Outros links podem ser encontrados em "Recursos" deste artigo.

Tutoriais

Se você quer aprender como fazê-lo "na mão". Encontre dicas úteis e truques tutoriais no seguinte:

1 Um formulário de contato Fantasia AJAX

2 Criar um Formulário de Busca com CSS3 e jQuery

3 Faça as suas belas formas com CSS

4 Projetando simples e bonita CSS formulários baseados

5 º 10 dicas incríveis para Web Forms!

6 º mais bacana Formulários Acessíveis

7 Limpeza e design puro CSS

8 Tenha um dia de campo com formulários HTML5

9 Como validar formulários em ambos os lados usando PHP e jQuery

10 Validação de Formulário Web: Melhores Práticas e Tutoriais

11 Criar um Formulário Web mais bonito com CSS 3

12 º Formas Repensando em HTML 5

13 º actual melhoria Realce campo em formulários

Recursos

Primeiro 10 plug-in forma útil para melhorar a sua validação HTML

Segundo Melhores 13 Web Form Design Tutoriais e Recursos

Terceiro 20 Plugins jQuery para realçar formas e Tutoriais

4 Belas formas de contato para sua inspiração

5 20 Recursos + e Tutoriais para formas criativas usando CSS

6 10 + tutoriais jQuery para trabalhar com formulários HTML

7 Formas em dispositivos móveis: soluções modernas

8 Web Design Forma: soluções modernas e idéias criativas

9 13 escolhidos a dedo Web Recursos de formulário para desenvolvedores

10 12 Excelentes plugins jQuery para Forms Aprimorando

11 8 Form Builder online úteis