Neste tutorial criaremos um formulário simples para o envio de mensagens.

 
1º. Defina a página para a criação do formulário. E crie uma tabela para o formulário.

 2º. Insira uma área de formulário dentro desta tabela, como indicado na imagem.

 3º. Crie outra tabela de 06 linhas, 2 colunas e 450 pixels de largura. Para abrigar o conteudo de nosso formulário.

 4º. Na coluna esquerda vamos inserir as legendas (labels) dos campos. Alinhe seu conteudo a direita. e coloque a sua fonte como verdana 2

  5º. Adicione campos de texto simples (text field) nas células "nome" e "email".

 


6º. Na linha de opinião, insira três "radio buttons" e em Obs insira um text field e configure como multi line.

 

7º. Na penultima e última células ... solde-as e centralize seu conteudo.

 8º. Na penultima célula insira três Hidden field e na ultima dois botões. Aproveite para conferir o andamento.

9º. Configure os hidden fields conforme o exemplo que segue:
Temos dois campos a configurar: Hidden Field e Value  

1. recipient / email que vai receber o formulário

2. redirect / página de agradecimento a ser chamada (http://www.seu-site-html-pagina-de-agradecimento.html)

3. subject / Assunto do formulário (avaliação de tutorial)

10º. Crie uma nova página intitulada (agradecimento.html)

11º. Configuremos agora cada campo do formulário, o primeiro que corresponde a nome segue o exemplo abaixo, os demais são similares.

12º. Para que o formulário funcione, precisamos inserir nas propriedades do formulário, "em action" a linha de CGI.

 

Obs:
1. Este formulário só irá funcionar, mediante a linha de CGI.
2. A linha de CGI é fornecida apenas pelo host pago.
3. Outras aplicações para esse formulário são: validação dos campos e formatação com CSS.

Pronto ... terminamos, nosso formulário está pronto !!

comentários (0)