HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Formulários

Formulário é um conjunto de campos e botões que podem ser incluídos nas páginas HTML cujo propósito é permitir que o usuário digite dados ou escolha opções e com um simples clique num botão seja possível a comunicação do usuário com o site. Os formulários são amplamente usados em áreas como "fale conosco", "livro de visitas", "cadastro de usuários" etc..

Os formulários em HTML são envolvidos pelas tags:
<FORM> - tag de abertura de um formulário;
</FORM> - tag de fechamento de um formulário.

Um formulário pode conter:

Caixa de texto

<input type="TIPO" name="NOME" value="VALOR" size="LARGURA" maxlength="TAMANHOMÁXIMO" readonly>

• TIPO: PASSWORD(só aparecem asteriscos), TEXT(aparecem caracteres normais)
• NOME : nome da caixa de texto em questão;
• VALOR : texto que aparece na caixa (opcional);
• LARGURA : largura em caracteres;
• TAMANHOMÁXIMO : indica quantos caracteres podem ser digitados(Opcional);
• READONLY : indica que a caixa de texto é somente leitura (Opcional);

Exemplo:

 

Área de texto

<textarea name="NOME" cols="NUMEROCOLUNAS" rows=NUMEROLINHAS readonly>
Texto inicial
</TEXTAREA>

• NOME : nome da área de texto;
• NUMEROCOLUNAS: quantidade de colunas;
• NUMEROLINHAS : quantidade de linhas;
• readonly : indica que a área é somente de leitura (Opcional);
• Texto inicial : texto que aparece na área;

Exemplo:

Caixa suspensa

<select name="NOME" size="ALTURA">
<option value="VALOR A PASSAR">VALOR MOSTRADO</option>
<option value="VALOR A PASSAR">VALOR MOSTRADO</option>
<option value="VALOR A PASSAR" SELECTED>VALOR MOSTRADO</option>
</select>

• NOME : nome da caixa;
• ALTURA: número de linhas;
• VALOR A PASSAR: valor correspondente à opção;
• VALOR MOSTRADO : Valor mostrado no Navegador;
• SELECTED : Indica que essa será a opção padrão (opcional);

Exemplo:

Caixas de seleção

As caixas de seleção oferecem a opção de marcar mais de um item.
Observe que cada caixa de seleção possui um nome

<input type="checkbox" name="C1" value="HTML">Tutorial HTML
<input type="checkbox" name="C2" value="CSS">Tutorial CSS
<input type="checkbox" name="C3" value="EDITORES">Editores on-line
<input type="checkbox" name="C4" value="FLASH">FLASH

Exemplo:
Tutorial HTML
Editores on-line
Visual Basic.Net
FLASH

Botões de opções

Os botões de opções oferecem uma série de opções para que se marque apenas uma do grupo.

<input type="radio" name="NOME" value="VALOR A PASSAR" checked >VALOR MOSTRADO
<input type="radio" name="NOME" value="VALOR A PASSAR">VALOR MOSTRADO

• NOME : nome dos botões (igual para todos);
• VALOR A PASSAR: valor correspondente à opção;
• VALOR MOSTRADO : Valor mostrado no Navegador;
• checked : deixa o botão selecionado quando a página é carregada (opcional);

Exemplo:
Gostou do site? Sim Não

Botões de ações

<input type="TIPO" value="VALOR">

TIPO : SUBMIT - botão que irá enviar os dados para serem tratados em um determinado arquivo de Script (normalmente em ASP, ColdFusion, etc).
RESET - limpa formulário.
VALOR : Rótulo do Botão

Exemplos:


O elemento <form> possui atributos que instruem o Navegador como e para onde deve enviar os dados para serem processados.

<form name="NOME" action="URL_DO_SCRIPT" method="TIPO">

METHOD
Indica o método pelo qual os dados informados no formulário serão passados ao programa do Web Server.
Quando TIPO=POST, os dados serão passados junto com a requisição do cliente.
Quando TIPO=GET, os dados serão passados depois da requisição do cliente.
URL_DO_SCRIPT - Indica a URL da aplicação do servidor Web.
NOME - Indica o nome do formulário em questão. (Opcional)