Web Sites MPC - Bem Vindo

( COLOCANDO UM FORMULÁRIO EM SUA HOME PAGE )

Os Formulários são utilizados para enviar dados ao visitante ou recolher dados que ele enviar. Todos os usuários da MPC poderão utilizá-los em suas home pages. O método que estamos disponibilizando faz com que o servidor da MPC envie para você (na forma de um e-mail) os dados digitados pelos visitantes em sua home page. Abaixo estão as explicações de como colocar o form em sua home page.

Para ver um exemplo dessa página funcionando, clique aqui.

O seu formulário deverá conter 2 partes :

O formulário em si.

O botão para enviar/limpar.

O seu formulário poderá conter também as partes abaixo, que são opcionais:

Lista de campos cujo preenchimento é obrigatório.
Definições de cor de texto, cor de fundo, imagem de fundo e outras formataçõs da página de resposta.
Endereço de uma "página de obrigado" (sem os dados que foram enviados pelo formulário).
O botão para limpar o formulário.

Assim que o usuário clicar no botão de envio do formulário, ocorrerá o seguinte:

Em caso de erro, o usuário será alertado.
Se os campos de preenchimento obrigatório não forem preenchidos, o usuário será requisitado a preenchê-los, e o formulário não será enviado.
Se for definida uma "página de obrigado", ela será apresentada ao usuário.
Se não for definida uma "página de obrigado", os dados digitados no formulário serão apresentados ao usuário.
Os dados digitados no formulário serão enviados por e-mail ao endereço especificado.

1. Definindo o Formulário:

1.1 - Cabeçalho e itens fundamentais.
Você deverá colocar as seguintes linhas no arquivo HTML:
<FORM METHOD="POST" ACTION="http://www.mpc.com.br/cgi-bin/FormMail.pl">
<INPUT TYPE="hidden" NAME="recipient" VALUE="teste@mpc.com.br">
<INPUT TYPE="hidden" NAME="subject" VALUE="Formulario">
Seu e-mail deverá ser @mpc.com.br
A opção "subject" é opcional, e seu conteúdo aparecerá como o assunto do e-mail que você receberá com os dados do formulário.
1.2 - Página de obrigado.
Você pode colocar o endereço de uma "página de obrigado" que, se definida, será mostrada ao visitante após os dados terem sido enviados.
<INPUT TYPE="hidden" NAME="redirect" VALUE="http://sites.mpc.com.br/seulogin/obrigado.html">
Substitua adequadamente o nome do diretório onde se encontra a sua página, assim como o nome da página. E lembre-se que, caso queira que o usuário possa salvar ou imprimir os dados enviados pelo formulário, essa linha não deverá ser definida!
1.3 - Configuração da página de resposta.
Os itens abaixo configuram valores HTML da página de resposta:
<INPUT TYPE="hidden" NAME="bgcolor" VALUE="#d0e080">
<INPUT TYPE="hidden" NAME="background" VALUE="http://sites.mpc.com.br/seulogin/fundo.jpg">
<INPUT TYPE="hidden" NAME="link_color" VALUE="#ff0000">
<INPUT TYPE="hidden" NAME="vlink_color" VALUE="#808000">
<INPUT TYPE="hidden" NAME="text_color" VALUE="#000030">
<INPUT TYPE="hidden" NAME="alink_color" VALUE="#008020">

1.4 - Campos obrigatórios.
Coloque na variavel required uma lista com os nomes dos campos cujo preenchimento deva ser feito pelo usuário, como no exemplo abaixo:
<INPUT TYPE="hidden" NAME="required" VALUE="nome,email">
Se um ou mais campos dessa lista não forem preenchidos, o usuário será alertado por uma página informando quais campos precisam ser digitados.
Você pode exibir uma página específica de erro, se preferir. Funciona da mesma forma que a "página de obrigado":
<INPUT TYPE="hidden" NAME="missing_fields_redirect" VALUE="http://sites.mpc.com.br/seulogin/erro.html">

1.5 - Link "voltar".
Você pode colocar um link na página com os resultados do envio do formulário. Desta forma, o usuário pode retornar ou ir a uma página específica de seu site.
<INPUT TYPE="hidden" NAME="return_link_title" VALUE="retorna `a homepage">
<INPUT TYPE="hidden" NAME="return_link_url" VALUE="http://sites.mpc.com.br/seulogin">

1.6 - Outras opções.
Pode-se ordenar os campos apresentados na página de resposta, na ordem alfabética ou específica por campos. Há duas linhas no exemplo abaixo, mas você só pode usar uma (ou seja, definir só um modo de ordenação):
<INPUT TYPE="hidden" NAME="sort" VALUE="alphabetic">
<INPUT TYPE="hidden" NAME="sort" VALUE="order:nome,email">

Caso queira que alguma variável de configuração (como as desta seção, do tipo "hidden") apareça no e-mail com os dados do formulário, siga este exemplo:
<INPUT TYPE="hidden" NAME="print_config" VALUE="subject,redirect">

Algumas informações sobre o usuário e seu navegador podem ser enviadas com os dados do e-mail, usando a variavel "env_report". Os valores são: "REMOTE_HOST", "REMOTE_ADDR", "REMOTE_USER" e "HTTP_USER_AGENT".
<INPUT TYPE="hidden" NAME="env_report" VALUE="REMOTE_ADDR,REMOTE_HOST,HTTP_USER_AGENT">

Normalmente, no e-mail aparecem apenas os campos preenchidos. Os não preenchidos são omitidos. Para exibir o nome dos campos não preenchidos, inclua esta linha:
<INPUT TYPE="hidden" NAME="print_blank_fields" VALUE="1">

2. Formulário

2.1 - Caixas de Texto Utilizadas para a entrada de dados, em forma texto.

Nome : <INPUT NAME="nome" TYPE="text" MAXLENGHT="50" SIZE="50">
E-mail: <INPUT NAME="email" TYPE="text" MAXLENGHT="25" SIZE="25">
Nascimento:(dd-mm-aa) <INPUT NAME="nascim" TYPE="text" MAXLENGHT="8" SIZE="8">

2.2 - Escolhendo uma opção

Utilizados para, entre uma lista, fazer uma opção única.

Como no exemplo abaixo, a escolha quanto a gênero de filmes:

<INPUT NAME="genero" TYPE="RADIO" VALUE="Comédia"> Comédia

<INPUT NAME="genero" TYPE="RADIO" VALUE="Drama"> Drama

<INPUT NAME="genero" TYPE="RADIO" VALUE="Aventura"> Aventura

<INPUT NAME="genero" TYPE="RADIO" VALUE="Ficção"> Ficção

<INPUT NAME="genero" TYPE="RADIO" VALUE="Policial"> Policial

2.3 - Assinalando as opções

Utilizados para entre uma lista, fazer vaárias opções.

No Exemplo abaixo, Escolha os atores que mais admira :

<INPUT NAME="ator1" TYPE="checkbox" VALUE="Robert">Robert de Niro

<INPUT NAME="ator2" TYPE="checkbox" VALUE="Gibson">Mel Gibson

<INPUT NAME="ator3" TYPE="checkbox" VALUE="Stallone">Sylvester Stallone

<INPUT NAME="ator4" TYPE="checkbox" VALUE="Vito">Danny de Vito

2.4 Caixas com opções

Utilizados para apresentar varias opcoes e ocupar pouco espaço.

No exemplo, qual filme mais gostou?

<SELECT NAME="filme">

<OPTION VALUE="O Parque dos Dinossauros" SELECTED> O Parque dos Dinossauros

<OPTION VALUE="E o Vento Levou..."> E o Vento Levou...

<OPTION VALUE="A Rocha"> A Rocha

<OPTION VALUE="O Dia da Independência">O Dia da Independência

<OPTION VALUE="O Rei Leão">O Rei Leão

</SELECT>

2.5 Caixa com espaço para texto

Utilizado para receber textos, opiniões, etc.

Você poderá modificar o número de linhas(rows) e colunas(cols) conforme achar necessário.

<TEXTAREA NAME="comentario" ROWS=8 COLS=50>

</TEXTAREA>

3. Enviando/Limpando os dados

Através desses botões, o questionários será enviado ou resetado.

<[INPUT TYPE="submit" Value="enviar">

<INPUT TYPE="reset" Value="Limpar">

</form>

MPC Internet | Web Sites MPC | Visitar Sites
Criar diretório | Como construir seu site