O problema é: Pra onde vai esse formulario?
é impossivel com html, fazer com que o formulario vá para o seu e-mail, por exemplo.
Para fazer isso, ou algo assim, é preciso de uma outra linguagem chamada Php, que infelizmente o blogger não suporta
Mas esse não é o fim, graças a deus, tem alguns sites que são geradores de formularios, existem muitos deles mais os melhores são: o Wufoo e o Jot Forms
então vamos começar o tutorial(vou começar pelo wufoo):
vá ate o site: http://www.wufoo.com/

click em "Sing Up for Free"
Se registre no wufoo

Pronto, você já está registrado, agora vamos fazer o formulario.
Click em "New form"

Esse é o painel para criar um formulario:

Esses são os campos disponiveis:









Esses são os principais campos, se você clikar sobre eles, aparecem as configurações.

agora se você clikar aqui:

você tem as configurações do formulario, assim:

Quando acabar: clike em "Save Form"

Vai aparecer essa mensagem:

clike no "2"
Vai aparecer uma pagina, e em "to My InBox" preencha:

e click em save, depois, click em "Forms" lá em cima

ai vai aparecer a pagina onde ficam todos os seus formularios, click em code.

vai ficar tipo assim:

clike em "Embed Form Code"

Copie o segundo, o "Iframe Version", e cole onde você quer que ele apareça.
No codigo, tem:
height="726"
Essa é a altura, se quiser mudar altere
Pronto! Já acabamos de fazer com o Wufoo , agora vamos para p Jot Forms
Jot Form:
primeiro de tudo, acesse o jot forms: http://portuguese.jotform.com/
no jot form não precisa se cadastrar para conseguir fazer seu formulario.
![]() |
Esse é o painel de tarefas do Jot Form |
![]() |
Cabeçalho: apenas um titulo para o formulario Caixa de texto: uma caixa de texto comum Area de texto: uma caixa de texto maior, e que você pode aumentar Menu suspenso:tipo o menu drop down do wufoo( usado para datas Botão radial: botão multipla escolha Caixa de seleção: caixa de seleção de preferencias Carregar arquivo: enviar imagem Botão de envio: botao que envia o formulario (>^.^>) |
![]() |
Nome completo: duas caixas de texto(inutil e.e) Email: caixa de texto com validação de email Endereço: são varios elementos, que verificam o endereço Telefone: pede o numero do celular Data e hora: um menu drop down que pede data e a hora Time: igual a hora so que só a hora Data de aniversario: um menu drop down com mes dia e ano Numero: uma caixa de texto que só aceita numeros |
![]() |
Avaliação estrela: aparecem varias estrelas para você avaliar Avaliação tipo escala: igual a estrela, mas com numeros Classificação: varios valores que fazem uma media Deslisar: você pode deslizar com a setinha até o valor que quer Data e hora: um menu drop down que pede data e a hora Time: igual a hora so que só a hora Intervalo: dois caixas drop down para numeros Giratorio: ao clikar na setinha vai passando um numero Matriz: Uma tabela e cada item dessa tabela é um objet de seleção Formulario expansivel: Ao clikar na seta, amostra mais elementos do formulario Quabra de pagina: formulario dividido em etapas |
![]() |
Texto livre: você insere seu proprio HTML Senha: um campo normal, so que tudo digitado alivira uns asteristicos Caixa escondida: essa caixa não vai aparecer no formulario(mas ta la) Unico ID: pega o ID do usuario, (fica escondido) Capcha: validação com letras e numeros para inpidir que robos entrem no formulario(e importante) Imagem: insere imagem Auto completar: enquanto você digita, a palavra, ela é automaticamente escrita. Fiilepicker.io: para pegar arquivos dos registrados nesse site |
Depois de fazer tudo, e tal, visualize e salve:

Depois de salvar, clike em "Setup & Embed"

Depois, clike em "incorporar Formulario"

Após fazer isso, já podemos por o formulario no seu blog!
Feche esse popup, e vai aparecer esse outro:
![]() |
clike em iframe |
Copie esse codigo:

agora é so colar onde quiser que o codigo apareça.^.^

Bom agora vou dar minha opinião sobre cada um deles
Jot Form:






Wufoo:



;) flw gent
0 comentários:
Postar um comentário