FORMULARIOS

Formulários


Os formulários em uma página WEB permitem coletar informações das pessoas que visitam a página. através de algumas diretivas especiais podemos definir as literais e o formato dos objetos de resposta. Também definimos que será tomada assim que o formulário for preenchido.

Para criar um formulário faz-se necessário o uso da tag <FORM> onde serão incluídos os elementos desse formulário. Essa tag contém dois atributos: METHOD e ACTION.
1) O atributo METHOD pode ter o valor GET ou POST, que determina a maneira como os dados do formulário serão enviados para processamento. A diferença entre os dois é a forma que cada um "empacota" esses dados.
2) O atributo ACTION é um ponteiro que indica o script que processa as informações que se obtém apartir do formulário. Deve conter a URL completa do programa que irá receber dados do formulário. Por exemplo http://www.uky.edu/cgi-bin/cgiwrap/~johnr/AnyForm.cgi.
Também tem o atributo TARGET que é opcional e só é necessário quando se utiliza frames, ele indica onde aparecerá a página de confirmação do formulário.

A tag <INPUT> indica um elemento de formulário simples e possui dois atributos que são TYPE e NAME.
1) As opções que o atributo TYPE oferece são:
  • TEXT - para campos de entrada de texto; Exemplo:
  • RADIO - para botões de rádio; Exemplo:
  • CHECKBOX - para caixas de verificação; Exemplo:
  • PASSWORD - funciona da mesma forma que o atributo TEXT, exceto que todas as letras digitadas aparecem como um asterístico (*). Exemplo:
2) O atributo NAME, na maioria dos casos, define o nome do campo.
3) O atributo VALUE (valor), neste caso, pode ser usado se você quiser, ele define um valor prévio para cada campo, de tal forma que quando a página seja carregada este valor já esteja preenchido podendo ser alterado pelo visitante.
4) O atributo SIZE define o tamanho do campo e é definido no número de caracteres. Se você quiser um campo de 40 caracteres, você deverá definir como SIZE=40. Mas note que esse valor não limita o campo em 40 caracteres, ele define o tamanho que ele será mostrado na página.
5) O atributo MAXLENGHT (comprimento máximo) define o número máximo de caracteres que podem ser digitados nos campos.
6) O atributo CHECKED é usado para marcar as opções RADIO e CHECKBOX. Lembrando que a opção RADIO só pode ter um selecionado.

Agora vamos ver alguns exemplos:

Botões de escolha
<INPUT TYPE=Radio NAME=sexo VALUE=Mas CHECKED>Masculino
<INPUT TYPE=Radio NAME=sexo VALUE=Fem>Feminino
Masculino

Feminino
O atributo NAME, neste caso, deve ser igual para todos os campos.
O atributo VALUE deve conter o valor deste campo, este será o valor processado e repassado ao programa.<\TD>

Botões de checagem
Na sua casa tem:<BR>
<INPUT TYPE=Checkbox NAME=eletro1 VALUE=TV>Televisão<BR>
<INPUT TYPE=Checkbox NAME=eletro2 VALUE=Radio>Rádio<BR>
<INPUT TYPE=Checkbox NAME=eletro2 VALUE=Vidio>Vidiocassete<BR>
Na sua casa tem:

Televisão

Rádio

Vídeo Cassete
O atributo NAME, neste caso, deve ser diferente para cada campo.
O atributo VALUE deve conter o valor deste campo, este será o valor processado e repassado ao programa.<\TD>
A tag <SELECT> ... <SELECT> permite que você defina uma lista de opções para a seleção do visitante. O atributo NAME define o nome desta lista e SIZE define quantos elementos irão aparecer na tela. Caso ele seja omitido, somente uma opção aparece de cada vez. Cada opção da lista recebe uma tag <OPTION>, e o atributo VALUE deste elemento irá definir o valor de cada opção, que será a informação fornecida ao programa de acordo com a seleção feita.

Agora vamos
ver um exemplo:

Seleção
Qual o estado que você mora
???<BR>
<SELECT
NAME=estado>
<OPTION VALUE=SP>SP
<OPTION
VALUE=RJ>RJ
<OPTION VALUE=MG>MG
<OPTION
VALUE=Outro>Outro
</SELECT>
Qual o estado que você mora ???
Se você
colocar SIZE=2 então fica assim:Qual o estado que você
mora ???
As tags <TEXTAREA> ... <TEXTAREA> (área de texto) permite definir um campo de texto com várias linhas. O atributo ROWS e COLUMNS definem o tamanho da área em que o visitante vai escrever, ROWS define o número de linhas da caixa de texto e COLUMNS o número de colunas, e o atributo COLS define quantos caracteres cada linha possui. O atributo NAME define o nome da caixa de texto. Se você incluir o atributo WRAP=hard a sua caixa de texto não ira possuir uma barra de scroll horizontal.
Caixa de Texto

<TEXTAREA
NAME=comentarios ROWS=3 COLUMNS=37>
Aqui você coloca o seu comentário
</TEXTAREA>
Subscrever: Mensagens (Atom)