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="O 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 ser 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 ACÇÃ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".