• » Introdução PHP
  • » Box em Video
  • » Adicionando PHP á HTML
  • » Postagem com PHP
  • » Progamas Atualizados!
  • » Concurso de Layout!
  • Muita gente se pergunta como fazer um formulario, eles querem fazer com codigo, por html, ate daria, e não é dificil.
    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 Fuuuuuuuuuuuuuuuuuuuuuuuu.
    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:

     esse campo cria um campo de texto comum, para nome, etc...
    o mesmo do de cima, só que cria um campo maior, do tamanho de um paragrafo
    cria um botão de multipla escolha
    é um campo de texto, só que para numeros,e util para sorteios, etc...
    cria um checkbox, para você marcar preferencias por exemplo, você pode ativar a opção de multipla escolha ou não.
    é um botão em que quando você clica, abrem opoções para você escolher, é util para perguntar a data de nascimento
     esse botão divide o formularios em varias partes.
    é usado para emails, é diferente do single line text porque tem validação de email.
     botão de upload: usado para a pessoa escolher um arquivo, uma imagem por exemplo.
    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
    Os itens são como os do Wufoo(eu so vou explicar os diferentes):


    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:

     é em portugues

     não precisa se cadastrar

     variedade grande de campos

     simples

     as vezes quando eu faço buga

     muitas coisas só se pode fazer com dominio

    Wufoo:

     simples

     layout bonito

     não deixa por campo senha

    ;) flw gent


    Nenhum comentário:

    Postar um comentário