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