banco de dúvidaslistacontatooutros materiais


Material desenvolvido para os usuários do Instituto de Ciências Matemáticas e de Computação, da Universidade de São Paulo em São Carlos, SP

Autora: Maria Alice Soares de Castro

ATENÇÃO:
Este material não pode ser comercializado.

Este trabalho não tem fins lucrativos, nem está relacionado a provedores de acesso ou sites comerciais.

 

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:

Nome:

 

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

Login:
Password:

 

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

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>

Endereço:

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:

Dia do mês:

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

Esportes que você pratica:
Futebol
Vôlei
Natação
Basquete
Tênis
Bocha

 

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

Seu time do coração:
Palmeiras; Náutico; Flamengo; Grêmio; Santos; Atlético; Corinthians; Fluminense; Internacional; Cruzeiro; Botafogo; Santa Cruz; São Paulo; AEA.

 

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!">




©1995-2003 - URL: http://www.icmc.usp.br/ensino/material/html/input.html