Joomla! Amazônia - Tutoriais Joomla - O site mais completo de tutoriais para Joomla!

Os formulários servem para recolher dados introduzidos pelos visitantes e enviá-las para você, através de seu servidor.

15.1 – Criar Formulários

Um formulário é uma seção da página HTML que contém elementos que permitem ao visitante inserirem dados (elementos <tetxarea> e vários tipos de elementos <input>, <option> e <select>). Estes elementos permitem inserir dados numéricos, textos pequenos, textos longos, selecionar elementos em uma lista com várias escolhas, responder facilmente com respostas do tipo "sim" ou "não" , selecionar rapidamente uma opção em um pequeno grupo, etc.

Os formulários são criados com o elemento <form> . Dentro desse elemento principal colocamos diversos elementos para a inserção dos dados.

<form>
<input>
.
.
.
<input>
</form>

O elemento <form> por si só não faz com que o navegador desenhe nada na página nem permite inserir dados. Ele contém elementos que recolhem os dados e possui atributos que “dizem” ao navegador como e para onde devem ser enviados os dados inseridos pelo visitante.

15.2 - input

O elemento que encontramos com maior freqüência em formulários é o elemento <input>. O exemplo abaixo mostra um formulário simples com dois elementos input :

<form action="processar .php" method="post ">
Primeiro nome:
<input type=" text " name="primeiro_nome">
<br>
Úttimo nome:
<input type=" tex t " name="ultimo_nome">
</form>

O formulário acima ficará sendo exibido desta forma em seu navegador:

O elemento <input> pode assumir diversas formas com final idades diferentes.

15.3 - "Radio Buttons"

Os "Radio Buttons" são utilizados para se criar um grupo pequeno de opções em que apenas podemos selecionar uma de cada vez.

<form action="processamento.asp">
<input type=" radio" name=" sexo" value="masculino"> Masculino
<br>
<input type=" radio" name=" sexo" value=" feminino"> Feminino
<form>

O exemplo acima ficará sendo exibido desta maneira em seu browser:

Repare que só podemos selecionar uma das opções acima.

15.4 – Checkboxes

As caixas de validação ( "checkboxes") devem ser usadas sempre que queremos que o visitante aceite (ou não) os itens dentro de um pequeno grupo. É permitido validar mais de uma opção simultaneamente.

<form>
<input type="checkbox" name=" carro">Eu tenho um carro
<br>
<input type="checkbox" name=" surf ">Eu tenho uma prancha de surf
<form>

O exemplo acima ficará sendo exibido desta forma em seu browser:

Repare que podemos selecionar várias opções ao mesmo tempo.

15.5 - O atributo action e o botão de submissão

Quando o visitante clica sobre o botão "Submeter" (ou "Submit"), as opções marcadas e o texto que foram inseridos no formulário são enviados para você (ou para seu servidor ) . O atributo action do elemento <form> contém o endereço (URL) do recurso da Web (site, download, email, etc ) que está encarregado de realizar este processamento. É para lá que o conteúdo do formulário será enviado.

<form name=" input " action="exemplos /action.html " method="get ">
Nome de usuário:
<input type=" text " name="usuario">
<input type=" submit " value="Submeter ">
<form>

O exemplo acima ficará sendo exibido da seguinte forma em seu navegador:

15.6 - Elementos para Formulários