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 |  |
| 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. |
|
| (2) Caixas de Password |  |
| 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 |  |
| 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 |  |
| 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 |  |
| 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 |  |
| 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 |  |
| 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> |
|