You are on page 1of 7

ESTUDO DOS FOMULRIOS

Um formulrio uma rea que pode conter elementos de formulrio. Os elementos de formulrio so elementos que permitem o usurio entrar informao (como campos de texto, campos de rea de texto, menus dropdown, botes radiais, caixas de seleo, etc.) em um formulrio.

Um formulrio definido pela tag <form>.


Exemplo: <div id=formulario>
<form> <input> <input> </form> </div

ESTUDO DOS FOMULRIOS


Entrada (Input) A tag de formulrio mais usada a tag <input>. O tipo de input especificado com o atributo type (tipo). Os tipos de input mais usados so explicados abaixo. Campos de Texto Os campos de texto so usados quando voc quer que o usurio digite letras, nmeros, etc. em um formulrio. <form> Primeiro nome: <input type="text" name=Primeiro Nome"> <br /> ltimo nome: <input type="text" name=Segundo Nome"> </form> Observe que o formulrio propriamente no est visvel. Tambm observe que em muitos navegadores, o comprimento do campo de texto de 20 caracteres por padro (default).

Botes Radiais Botes Radiais so usados quando voc quer que o usurio selecione uma entre uma quantidade limitada de escolhas. <input type="radio" name="sex" value="male"> Masculino <br /> <input type="radio" name="sex" value="female"> Feminino </form> Observe que somente uma opo pode ser escolhida.

<form>

Caixas de Seleo As Caixas de Seleo so usadas quando voc quer que o usurio selecione uma ou mais opes de uma quantidade limitada de escolhas. <input type="checkbox" name="bike"> Eu tenho uma bicicleta <br> <input type="checkbox" name="car"> Eu tenho um carro </form> Observe que voc pode marcar mais de um campo.

<form>

O Atributo Ao do Formulrio (Form's Action) e o Boto Enviar (Submit) Quando o usurio clica no boto "Enviar", o contedo do formulrio enviado para outro arquivo. O atributo de ao do formulrio define o nome do arquivo para o qual enviar o contedo. O arquivo definido no atributo action geralmente faz algo com a entrada recebida. <form name="input" action=login.php" method=post"> Nome do Usurio: <input type=text name="user"> Senha do Usurio: <input type=# name="user"> <input type=#" value="Enviar"> </form> Se voc digitar alguns caracteres no campo de texto acima, e clicar no boto Enviar", voc ir enviar a sua entrada para a pgina chamada "html_form_action.asp". Esta pgina ir mostrar-lhe a entrada recebida.

CONTATO

E-mail: rildomar_lucena@hotmail.com Twitter: @rildomar MSN: rmetaleiro@hotmail.com

You might also like