full:tudo sobre html part/5

Aqui fica sua página sem frames para quem não consegue ver sua frames.

Além dos atributos já citados, temos também o TARGET. Quando iniciamos um frame, geralmente colocamos um nome para que possa ser identificado. Para acessar esse frame que colocamos nome, usamos TARGET, que define onde a página deverá ser carregada. O atributo tem quatro valores que são:

TARGET="nome do frame" - carrega no frame especificado; TARGET="_top" - limpa a tela e abre o arquivo que esta sendo chamado;

TARGET="_blank" - abre uma nova janela para exibir o documento;

TARGET="_self" - carrega o documento no mesmo frame que o chamou.

Exemplos: <A HREF="http://w.terravista.pt/ancora/30" TARGET="menuhtml">

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/cgibin/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=eletro3 VALUE=Vidio>Vídeo Cassete<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=Outro>Outro

Qual o estado que você mora ??? SP

Se você colocar SIZE=2 então fica assim:

Qual o estado que você mora ??? SP

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.

Agora vamos ver um exemplo:

Caixa de Texto

<TEXTAREA NAME=comentarios ROWS=3 COLUMNS=37> Aqui você coloca o seu comentário </TEXTAREA>

Aqui você coloca o seu comentário

Envio e limpeza de dados:

<INPUT TYPE=Reset Value=...> O valor RESET no atributo TYPE define um botão que limpa todos os campos, colocando os mesmos valores de quando a página foi carregada. No atributo VALUE pode-se definir o que estará escrito no botão, por exemplo, "Limpar". Caso nenhum valor seja definido aparecerá "Reset".

<INPUT TYPE=Submit NAME=

Value=...>

O valor SUBMIT (submeter) no atributo TYPE define um botão de envio de informações, ou seja, um botão que ao ser acionado executa o programa associado ao formulário (aquele que foi definido em ACTION no tag FORM), passando para ele os dados preenchidos. Assim como no tipo RESET, o atributo VALUE define o que estará escrito no botão. O NAME é opcional.

<INPUT TYPE=Image NAME=

SRC=... ALT=...>

Uma outra alternativa para o tipo SUBMIT seria o uso de uma imagem em seu lugar.

Para isso, existe o tipo IMAGE. Neste caso, passam a existir os atributos SRC e ALT normalmente usados em elementos que definem uma imagem.

<INPUT TYPE=Hidden NAME=

Value=...>

O valor HIDDEN (escondido) define dados que devem ser passados ao programa, mas não devem aparecer para quem está vendo a sua página. Neste caso, NAME identifica o dado e VALUE define o seu valor.

Para fazer um formulário tem que ser usado o CGI gratuito (ex.:http://w.uky.edu/cgi-bin/cgiwrap/~johnr/AnyForm.cgi) e este CGI precisa de alguns comandos: