HTML
Dicas de Uso para a Construção de Páginas Web

Uma das perguntas mais freqüentes que se fazem na lista HTML_BRasil é como integrar um FORM e um CGI, de tal sorte a que os dados digitados sejam entregues ao Web Master, sem que seja necessário que os visitantes tenham instalado, ou simplesmente usem, um programa de E-Mail.

Para alcançar esses objetivos, é obrigatório atender-se a todas as três condições abaixo:

1. Ter acesso a um diretório CGI, no servidor onde é hospedada sua Home Page;
   em geral os servidores gratuitos NÃO permitem esse tipo de CGI personalizado
2. Adaptar seu FORM para que ele envie a saída dos dados digitados para o programa CGI;
3. Criar um script PERL, que será o programa CGI que manipulará os dados digitados e permitirá usar o programa SENDMAIL - existente no Servidor - para enviar os dados para o Web Master, diretamente;

Parte # 3: Modelo Exemplo de FORM - completo e funcional!

Se você não tiver um FORM já pronto, pode usar este modelo completo, e que é totalmente funcional.

Definição do método e ação desejada para a TAG <FORM>:

Confira com cuidado a primeira linha de comando do FORM; ela deve ficar similar a linha abaixo indicada, retirada do nosso exemplo:

<form method="post" action="../bin/form_cgi.cgi">

Na linha acima atente para os dois parâmetros da TAG <FORM>:

• parâmetro METHOD: deverá conter sempre a opção "POST", nunca use GET para enviar dados para um script PERL;
• Parâmetro ACTION: deverá indicar o caminho completo para o seu programa CGI; portanto com certeza ficará diferente do acima indicado - adapte conforme a sua configuração;

Em muitos casos o diretório que poderá receber seus scripts têm nome definido, não podendo ser mudado. É comum encontrarmos servidores que colocam os scripts dos usuários num diretório CGI-BIN. Também é comum usar o nome CGI-LOCAL. Veja com seu Suporte se há restrições ao nome e localização desse tipo especial de diretório, e faça as alterações de acordo com essas informações.

Definição dos Campos que pegarão os dados a serem digitados:

Inclua os campos necessários, sem esquecer os dois mais importantes: NOME e E-MAIL. Coloque vários comandos de construção de campos FORM, mas evite utilizar todos os tipos juntos. Em geral dois ou três tipos é mais que suficiente. 

Em nosso FORM EXEMPLO colocamos três dos mais comumente utilizados:

• INPUT - permite que sejam coletados nomes de pessoas, cidade/estado, idade, e-mail;
• SELECT - permite que seja coletado uma opção entre as várias definidas; usa um campo no formato caixa drop-box que facilita a apresentação dos dados possíveis, sem ocupar espaço na tela;
• INPUT TYPE CHECKBOX - permite que sejam coletadas informações tipo SIM/NÃO;

Fechamento do FORM:

O FORM é fechado com a TAG </FORM> mas devemos colocar antes dessa TAG os comandos para a geração dos botões SUBMIT e RESET, que não necessariamente precisam manter esses nomes. Em nosso FORM EXEMPLO usamos:

<input type="submit" value="Envia seus Dados"> 
<input type="reset" value="Reseta">
</FORM>

Os valores desses botões podem ser alterados a vontade, não esquecendo que o tamanho dos botões crescerão para comportar toda a frase que for definida para eles.

Para ver nosso FORM EXEMPLO completo clique aqui: FORM EXEMPLO

|Adaptando o FORM|Script CGI|Modelo de FORM|Permissões do CGI|