Formulários (Entrada de Dados)

São basicamente três os tipos de campo para a entrada de dados. <INPUT>, <SELECT> e <TEXTAREA>. Todos esses tipos de campo possuem um atributo em comum. Trata-se do atributo NAME, ao qual associamos um nome, que será utilizado pelo script. Mas vamos começar pelo primeiro tipo de campo, que é, provavelmente o menos simples.

O campo <INPUT> possui um atributo type, ao qual atribuímos seis valores difrentes de entrada de dados. São eles:

CAMPOS TIPO TEXTO

• text: permite a entrada de um texto qualquer. Essa opção é assumida como padrão, ou seja, pode ser omitida dentro do comando <INPUT>.

  <FORM> Nome: <INPUT TYPE= "text " NAME= "Nome "> </FORM>

  O exemplo ao lado produziria o seguinte resultado:

  Nome:

• password: também permite a entrada de um texto qualquer, porém este será escondido por asteriscos. É usado, geralmente, quando o dado a ser digitado é uma senha.

  <FORM> Login: <INPUT TYPE= "text " NAME= "Nome " SIZE= "40 "> <BR> Senha: <INPUT TYPE= "password " NAME= "Senha " SIZE= "8 " MAXLENGTH= "8 "> </FORM>

  O exemplo acima é uma junção das duas opções que produz o seguinte efeito.

  Login:
  Senha:

  Note que dois novos atributos surgiram. O primeiro, SIZE, determina o tamanho do campo, e o segundo, MAXLENGTH, determina o número máximo de caracteres aceitos por esse campo. Esses dois atributos não são aceitos pelos demais tipos de dados.

  Existem ainda um quarto atributo. Através dele é possivel atribuir um valor padrão a qualquer tipo de campo. Trata-se do atributo VALUE.

  Nome: <INPUT TYPE= "text " NAME= "Nome " VALUE= "Seu nome ">

  Nome:

CAMPOS TIPO MÚLTIPLA ESCOLHA

• checkbox: insere um botão para escolha de opções. Pode ser escolhida mais de uma alternativa.

  <FORM> <INPUT TYPE= "checkbox " NAME= "Browser " VALUE= "Netscape "> Netscape <INPUT TYPE= "checkbox " NAME= "Browser " VALUE= "Explorer "> Internet Explorer <INPUT TYPE= "checkbox " NAME= "Browser " VALUE= "Outro "> Outro qualquer </FORM>

  Abaixo, o resultado do código fonte acima.

  Netscape

  Internet Explorer

  Outro qualquer

• radio: também insere botões para escolha de opções, porém, neste caso, somente uma opção pode seer acionada.

  <FORM> <INPUT TYPE= "radio " NAME= "Browser " VALUE= "Netscape "> Netscape <INPUT TYPE= "radio " NAME= "Browser " VALUE= "Explorer "> Internet Explorer <INPUT TYPE= "radio " NAME= "Browser " VALUE= "Outro "> Outro qualquer </FORM>

  Abaixo, o resultado do código fonte acima.

  Netscape

  Internet Explorer

  Outro qualquer

CAMPOS DE AÇÃO

• submit: Insere o botão que causa o envio do formulário. Sua sintaxe mais simples é:

  <INPUT TYPE= "submit ">

  O comando acima teria como resultado o botão abaixo. O texto escrito dentro do botão poderia ser alterado através da inclusão do atributo VALUE dentro do comando INPUT
• reset: Insere o botão que restaura iniciais do formulário. Sua sintaxe é:

  <INPUT TYPE= "reset " VALUE= "Limpa Tudo ">

  O comando acima teria como resultado o botão abaixo. Caso não o atributo VALUE fosse omitido, um texto padrão (Reset) seria colocado no lugar do " Limpa Tudo ".

Bem, até agora só estudamos uma forma (e sua opções) de entrada de dados, faltam mais duas...