Veja o resultado : EXEMPLO 12

    Com o valor PASSWORD (senha) no atributo TYPE, tudo funciona da mesma forma que o valor TEXT, exceto que as letras digitadas aparecem como um asterisco "*" (da mesma forma quando vc digita sua senha nos caixas  eletrônicos)

    O valor RADIO no atributo TYPE define botões de escolha e muito explorados na construção de formulátrios. Eles são utilizados para questões onde somente uma opção pode selecionada. Por exemplo,
"Sexo: ( )Maculino ( )Feminino". Neste caso, quando uma opção é marcada a outra é desmarcada.
    O atributo NAME, neste caso, deve ser igual para todos os campos, pois estará identificando a questão formulada. O atributo VALUE deve conter o valor desse campo, e caso este campo seja marcado no preenchimento do formulário, este será o valor processado e repassado ao programa.
    O atributo CHEKED é usado quando vc desejar que uma opção esteja selecionada "a priori".
    Vamos ver como exemplo a construção de um tipo RADIO, denominado "sexo", que pergunta o sexo do visitante:
Sexo:


Masculino
Feminino

Veja como ficou: EXEMPLO 13

    Desta forma, o campo denominado "sexo" irá receber o valor MASC caso seja assinalda a opção "Masculino" e FEM a "Feminino".

    O valor CHECKBOX no atributo TYPE define botões de "checagem". Melhor do que tentar traduzir o termo "checkbox", é entender o significado. Esse tipo é utilizado mais quando mais de uma opção é valida. Por exemplo "Na sua casa vc tem: [ ] TV [ ] Rádio [ ]Videocassete".
O atributo NAME, neste caso, é diferente para cada campo. VALUE será o valor repassado ao programa no caso do campo ser assinalado e CHECKED, neste caso, tem exetamente a mesma utilidade do tipo RADIO.
    Vamos ver como exemplo a construção de um tipo CHECKBOX que  pergunbta quais eletrodomésticos o visitante possui:
Na sua casa tem:


Televisão

Radio

Videocassete

Veja como ficou EXEMPLO 14

    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, aparewcerá escrito "Reset".

    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 ACTION na tag FORM), passando para ele os dados preenchidos. Assim como no tipo RESET, o atributo VALUE define o que estará escrito no botão. Caso nenhum valor seja definido, aparecerá escrito "Submit". O atributo NAME é opcional.

    O valor HIDDEN (escondido) no atributo TYPE define dados que devem ser passados ao programa, mas que não devem aparecer para quem está vendo a sua página. Neste caso, NAME identifica o dado e VALUE define o seu valor. Você verá uma utilização para esse tipo mais adiante, quando apresentarmos nossos exemplos completos.

3 -



...

    O elemento SELECT permite que vc defina uma lista de opções para a seleção do visitante.
    O atributo NAME define o nome desta lista 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 um elemento 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.
    Para que vc entenda exatamente como esse elemento é utilizado, veja um fragemento de código que utiliza esse elemento.
Qual a página que vc mais gostou???


HACKER ZONE
XXX
LINKS
HTML

Veja como ficou: EXEMPLO 15
 
4-
...
    O elemento TEXTAREA (área de texto) permite definir um campo de  texto com vérias linhas. O atributo ROWS define o número de linhas da caixa de texto, e o atributo COLS define quantos caracteres cada linha possui. O atributo NMAE define o nome da caixa de texto.
    Para que vc evite que a sua caixa de texto possua uma barra se sroll horizontal, uma boa dica é incluir o atributo WRAP com o valor hard - WRAP="HARD".
    Bem, agora que vc já conhece todos os elementos necessários para criar um formulário na Web. Como esse assunto é um pouquinho mais complicado do que os anteriores, iremos ver alguns exemplos de formulários completos para que tudo fique mais claro.
  Também chegou a hora de sabermos quais são os comandos adicionais necessários para a utilização do script CGI que escolhemos - o AnyForm.
    O Any form trabalha da seguinte maneira, ele envia todos os dados preenchidos no formulário para um e-mail que vc indicar.
    O programa AnyForm (http://www.uky.edu/~johnr/AnyForm) estabelece que o elemento FORM deve ser da seguinte forma:

    Além disso, alguns dados precisam sempre ser definidos. São eles:
 - AnyFormMode: deve ser preenchido com o valor "Mail".
- AnyFormDisplay : pode ser preenchido com "Short", "Standard", com uma URL (endereço) da  página que será mostrada após os dados serem enviados ou com "None".
- AnyFormTo: Deve conter o e-mail de quem receberá as informações.
- AnyFormFrom: deve conter o e-mail de quem está preenchendo o formulário (Recomendo não utilizar)
- AnyFormSubject: deve conter o subject do e-mail que a pessoa receberá com os dados do formulário.
    Você pode definir estes valores da forma que você quiser, usando, é claro, um dos elementos HTML que acabamos de mostrar. Alguns como AnyFormMode, AnyFormDisplay, AnyFormTo são normalmente definidos no elemento INPUT com o atributo TYPE e o valor HIDDEN ( por exemplo, )
    Os exemplos que mostraremos agora foram feitos de forma que vc possa adaptá-los, colocando em sua página para que os seus visitantes possam deixar seus comentários. Em todos eles, utilizamos o elemento FORM conforme o especificado pelo programa AnyForm. Lembre-se que os exemplos foram feitos com o intuito de servirem como um modelo para vc, por isso... Sinta-se à vontade para copiar!