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