INPUT
O campo <INPUT> tem um atributo TYPE, ao qual atribuímos seis valores diferentes para gerar seis tipos diferentes de entrada de dados.
Campo de dados texto
Quando INPUT não apresenta atributos, é assumido
que TYPE=TEXT (default); a formatação:
Nome: <INPUT
TYPE=TEXT NAME="Nome">
ou apenas:
Nome: <INPUT
NAME="Nome">
produz o resultado:
Campo de dados senha
Entrada de texto na qual os caracteres são escondidos por
asteriscos, como se pode ver no exemplo.
Login: <INPUT TYPE=TEXT NAME=login><br> Password: <INPUT
TYPE=PASSWORD NAME="senha">
Alguns atributos para os campos de tipo TEXT e PASSWORD
VALUE pode ser usado para dar um valor inicial a um campo de tipo texto ou senha. Desse modo, se o usuário não preencher este campo, será adotado este valor padrão. Se o usuário quiser entrar dados, ele simplesmente
apaga o que já estiver escrito e escreve suas informações.
Nome: <INPUT TYPE=TEXT NAME="nome" VALUE="Seu nome">
SIZE especifica o tamanho do espaço no display para o campo do formulário. Só é válido para campos TEXT e PASSWORD. O valor default (padrão) é
20.
Endereço: <INPUT TYPE=TEXT SIZE=35>
MAXLENGHT é o número de
caracteres aceitos em um campo de dados; este atributo só é
válido para campos de entrada TEXT e
PASSWORD.
Dia do mês: <INPUT TYPE=TEXT NAME="ex"
MAXLENGHT=2>
produz o resultado:
Apenas 2 caracteres serão lidos pelo formulário, não importa o quanto se escreva neste campo.
Múltipla escolha
CHECKBOX insere um botão para escolha de opções. A cada alternativa corresponde um valor a ser manipulado pelo script que processa os dados.
Note que o nome do campo (NAME) é o mesmo para toda
a lista de valores. Pode ser escolhida mais de uma alternativa.
<INPUT TYPE=CHECKBOX NAME="esporte" VALUE="basquete">Basquete <br> <INPUT TYPE=CHECKBOX NAME=esporte VALUE=bocha>Bocha
Uma diretiva CHECKED marca uma escolha inicial, isto é, se o usuário não escolher nenhuma opção, o formulário irá considerar a alternativa "pré-escolhida":
<INPUT TYPE=CHECKBOX NAME="esporte" VALUE="volei" CHECKED>Vôlei <br> <INPUT TYPE=CHECKBOX NAME="esporte" VALUE="futebol">Futebol
Escolha única
RADIO insere um botão de escolha de valores para uma opção, isto é, somente uma alternativa pode ser escolhida.
Note que o nome do campo (NAME) é o mesmo para toda
a lista de valores.
<INPUT TYPE=RADIO NAME="time" VALUE="palm">Palmeiras <br> <INPUT TYPE=RADIO NAME="time" VALUE="inte">Internacional
Uma diretiva CHECKED marca uma escolha inicial - se o usuário não escolher nenhuma opção, o formulário irá considerar a alternativa "pré-escolhida":
<INPUT TYPE=RADIO NAME="time" VALUE="aea" CHECKED>AEA <br> <INPUT TYPE=RADIO NAME="time" VALUE="naut">Náutico
Botões de ação
SUBMIT apresenta o botão que causa o
envio dos dados de entrada para o servidor:
<INPUT TYPE=SUBMIT>
É possível modificar o rótulo desse botão
através do atributo VALUE
<INPUT TYPE=SUBMIT VALUE="Envia mensagem">
RESET restaura os valores iniciais das
entradas de dados.
<INPUT TYPE=RESET>
É possível modificar o rótulo desse botão
através do atributo VALUE
<INPUT TYPE=RESET VALUE="Apaga tudo!">
|