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...