Formulários em uma página Web permitem coletar informações das pessoas que visitam o site. Através de algumas diretivas especiais podemos definir as literais e o formato dos campos de resposta. Também definimos que ação será tomada assim que o formulário for preeenchido e enviado.   Além da definição do formulário e necessário definir o programa que executará a transmissão do formulário . Este programa deve estar gravado em um diretorio especial no servidor web definido como cgi-bin e geralmente é escrito em scripts cgi , linguagem Perl, C++, Java, ASP.   

Estaremos apresentando as diretivas e parâmetros necessários para a criação de um formulário exemplo com os diversos tipos de campos para resposta onde a ação será enviar uma mensagem contendo todas as informações preenchidas para um e-mail especificado como responsável pela recepção das informações. 

Construindo um formulário :  

A diretiva FORM define o início do formulário. O atributo METHOD define o método de acesso a  URL onde está o script,  programa a ser executado no servidor , especificado pelo atributo ACTION.   
Exemplos :  

<FORM METHOD=POST ACTION=mailto:everaldo@unicamp.br> 
O programa enviará os dados via e-mail para o endereço especificado.  

<FORM METHOD=POST ACTION=http:/www.unicamp.br/cgi-bin/formmail/formmail.pl>   
O formulário enviará os dados para o programa formmail.pl 
Consulte mais sobre o programa Formmail em: FormMail, Matt's Scripts, worldwidemart.com/scripts/formmail.shtml  
 

Campos do tipo "Hidden" (ocultos)   
Além dos campo definidos no formulário que estão visíveis e serão preenchido pelo visitante podemos definir campos não visíveis que estarão passando parâmetros para o programa a ser executado.   

Exemplo : <INPUT TYPE="hidden"  NAME="nome-do-campo"  Value="valor" >  
Obs.: nome do campo  é o mesmo nome da variável  usada  pelo programa no servidor e "valor" e'o valor do campo que estamos passando ao programa.  
 

Campos Tipo Texto  
Permitem a definição de áreas de texto no formulário.  
Ex.:  
Nome: <INPUT TYPE=TEXT NAME="Nome">  ; neste caso teremos uma linha para entrada dos dados.  

Os campos podem ser inicializados através do parâmetro Value.  
Ex.: Cidade : <INPUT TYPE=TEXT NAME="cidade" VALUE="Campinas"> 

Outros parâmetros :  

Size : Delimita o tamanho do espaço para entrada do valor nos campos TEXT. Delimita apenas o espaço mostrado e não tamanho do campo.Ex.: Nome: <INPUT TYPE=TEXT NAME="Nome" SIZE=30 >  

Maxlenght : Delimita o número de caracteres aceitos como entrada em um campo  TEXT. 
Ex.:Sigla do Estado : <INPUT TYPE=TEXT NAME="Sigla do Estado"  MAXLENGHT=2> 
 

Campos tipo Password 
Análogo ao campo textual no entanto os caracteres digitados aparecem como "*" 
Senha: <INPUT TYPE=PASSWORD NAME="Senha">  
 

Campos Tipo Múltipla Escolha  
Permitem a escolha a partir de opções indicadas.  
 

Campos tipo Radio - apenas um opção permitida 
Ex.:  
             Estado Civil :  
             <INPUT TYPE=RADIO NAME="estciv"  VALUE="Solteiro">Solteiro  
             <INPUT TYPE=RADIO NAME="estciv"  VALUE="Casado">Casado  
             <INPUT TYPE=RADIO NAME="estciv"  VALUE="Viuvo">Viuvo  
             <INPUT TYPE=RADIO NAME="estciv"  VALUE="Divorciado">Divorciado  
             <INPUT TYPE=RADIO NAME="estciv"  VALUE="Outros">Outros 
 

Campos tipo Checkbox - várias opções permitidas 
Ex.:  

             <INPUT TYPE=CHECKBOX NAME="fruta"  VALUE="Abacaxi">Abacaxi  
             <INPUT TYPE=CHECKBOX NAME="fruta"  VALUE="Morango">Morango  
             <INPUT TYPE=CHECKBOX NAME="fruta"  VALUE="Limão">Limão  
             <INPUT TYPE=CHECKBOX NAME="fruta"  VALUE="Pera">Pera  
             <INPUT TYPE=CHECKBOX NAME="fruta"  VALUE="Laranja">Laranja  

Botões de Seleção 
Permitem a seleção a partir de uma caixa de opções 

Ex.:  

<SELECT NAME="curso"> 
<OPTION>Engenharia Elétrica 
<OPTION>Engenharia de Computação 
<OPTION>Engenharia Mecânica 
<OPTION>Música 
</SELECT>

Botões de Ação 
SUBMIT - Envia os dados preenchidos no formulário para o servidor, iniciando a execução do programa especificado no atributo ACTION. 
RESET - Reinicializa o formulário com os valores previamente definidos. 
O atributo VALUE define a mensagem sobre o botão. 
Ex.:  
                                         <INPUT TYPE=SUBMIT VALUE="Enviar">  
                                         <INPUT TYPE=RESET VALUE="Cancelar">