Make your own free website on Tripod.com

FORMULÁRIOS
Segundo Passo Avançado: Usando Formulários

CRIANDO FORMULÁRIOS
TAG DE INÍCIO DE FORMULÁRIO
As tags que iniciam um formulário são <FORM> e </FORM>.

COMO ADICIONAR INFORMAÇÕES?
Há dois métodos para enviar as informações do formulário para o servidor:
Método GET e método POST.
O método GET adiciona todas as informações do formulário após a indicação da URL.
O método POST transmite as informações imediatamente à indicação da URL, e permanece aguardando o restante das informações.

PARA ONDE ENVIAR AS INFORMAÇÕES?
As informações são enviadas para a URL, que normalmente aponta para um programa CGI a fim de decodificar os resultados do formulário, através da tag ACTION.

Se o programa está no mesmo servidor do formulário, não é preciso incluir a URL completa. Basta indicar o nome do script: <FORM METHOD="Post" ACTION="/cgi-bin/counter"></FORM>

Se o programa está em outro servidor a URL completa precisa ser incluída:
<FORM METHOD="Post" ACTION="http://www........./cgi-bin/counter"></FORM>

OBJETOS DE FORMULÁRIOS
Os objetos de formulários são:

(1) Caixas de Texto Caixa de Texto
O código para inserir a caixa de texto acima na homepage é:
<FORM METHOD="POST" ACTION="Script CGI">
<INPUT TYPE="text" NAME="Texto1" VALUE="Sim" SIZE="20">
<INPUT TYPE="submit" VALUE="Submeter" name="Botao1">
<INPUT TYPE="reset" VALUE="Limpar" NAME="Botao2">
</FORM>

A opção VALUE do objeto INPUT TYPE="text" especifica o texto padrão a ser exibido na caixa de texto.
A opção SIZE especifica o tamanho da caixa de texto.
A opção MAXLENGTH especifica o limite de caracteres a ser inserido na caixa de texto.
 

(2) Caixas de Password Campos de Senha
O código para inserir a caixa de texto password é igual a de texto comum:
<FORM METHOD="POST" ACTION="Script CGI">
<INPUT TYPE="password" NAME="Senha" SIZE="8">
<INPUT TYPE="submit" VALUE="Submeter" name="Botao1">
<INPUT TYPE="reset" VALUE="Limpar" NAME="Botao2">
</FORM> 
(3) Áreas de Texto Area.gif (2103 bytes)
O código para inserir a Área de Texto acima é:
<FORM METHOD="POST" ACTION="Script CGI">
<TEXTAREA ROWS="2" NAME="S1" COLS="20" WRAP="Hard">Sua homepage é muito legal!</TEXTAREA>>
<INPUT TYPE="submit" VALUE="Submeter" NAME="Botao1">
<INPUT TYPE="reset" VALUE="limpar" NAME="Botao2">
</FORM>
A opção VALUE do objeto INPUT TYPE="text" especifica o texto padrão a ser exibido na caixa de texto.
A opção SIZE especifica o tamanho da caixa de texto.
A opção MAXLENGTH especifica o limite de caracteres a ser inserido na caixa de texto.

A opção ROWS define quantas linhas serão suportadas na caixa de texto.
A opção COLS especifica a quantidade de caracteres por linha de texto.
(4) Menu de Opções Menu.gif (1835 bytes)
O código para inserir o Menu de Opções acima é:
<FORM METHOD="POST" ACTION="Script CGI">
<SELECT NAME="MinhasPaginas">
<OPTION>Primeiro Passo: Tutorial
<OPTION>Segundo Passo: Editores
<OPTION>Terceiro Passo: Provedores
<OPTION>Quarto Passo: Catálogos
<OPTION>Quinto Passo: Dicas para Manutenção
<SELECT>
<INPUT TYPE=BUTTON VALUE ="Submeter" NAME="Botao1">
<INPUT TYPE="reset" VALUE="Limpar" NAME="Botao2">
</FORM>
(5) Checkboxes Checkbox
O código para inserir o Checkbox acima é:
<FORM METHOD="POST" ACTION="Script CGI">
<INPUT TYPE="checkbox" NAME="Check1" CHECKED>
Gostei da sua homepage!
<INPUT TYPE="submit" VALUE="Submeter" NAME="Botao1">
<INPUT TYPE="reset" VALUE="Limpar" NAME="Botao2">
</FORM>
(6) RadioButtons Botões de Rádio
O código para inserir o RadioButtons acima é:
<FORM METHOD="POST" ACTION="Script CGI">
<INPUT TYPE="radio" value="V1" NAME="Radio1">
<INPUT TYPE="radio" value="V2" NAME="Radio2" CHECKED>
Gostei da sua homepage!
<INPUT TYPE="submit" VALUE="Submeter" NAME="Botao1">
<INPUT TYPE="reset" VALUE="Limpar" NAME="Botao2">
</FORM>
(7) Botão Submit Reset Botoes Submeter e Limpar
O código para inserir os Botões Submit (Submeter) e Reset (Limpar) acima é:
<FORM METHOD="POST" ACTION="Script CGI">
<INPUT TYPE="submit">
<INPUT TYPE="reset" VALUE="Limpar Campos">
</FORM>

Todos os Direitos Reservados, 1996. Segunda-feira, 9 de dezembro de 1996.
Última revisão: Quarta-Feira, 22 de julho de 1998.