Вы находитесь на странице: 1из 20

Utilizando a linguagem HTML para criar FORMULRIOS

Disciplina:Internet e Porg. Web.

Os formulrios so muito teis para uma ampla variedade de aplicaes, permitindo que o autor da pgina receba informaes provenientes de um usurio. Formulrios on line so constitudos por campos que devem ser preenchidos com os dados do usurio e enviados para o servidor onde est hospedado o site ou para um endereo de "e-mail". Isso torna um website muito mais interativo.

Para criar uma interface entre o formulrio e o usurio, usaremos a linguagem HTML (Hypertext Markup Language). Atravs do HTML possvel especificar como e para onde ser enviado seu contedo.

Nesta interatividade, teremos vrias opes para entradas de textos (informaes): campos de entrada de texto menus de mltipla escolha ou escolha nica botes sim-ou-no botes para submisso ou limpeza de formulrio

TAGs Definindo um Formulrio Seguindo as regras do HTML, necessrio informar quando iniciado um formulrio e quando queremos encerrar a marcao do formulrio.

<FORM> utilizado para iniciar a marcao.


</FORM> utilizado para encerrar a marcao.

Atributos da etiqueta <FORM> O formulrio precisa saber como enviar a informao para o servidor. utilizado a varivel METHOD. METHOD Indica o modo que os dados sero fornecidos ao servidor. Existem dois modos para acessar seus FORMs (GET e POST). Dependendo qual modo voc usar, voc ir receber os resultados codificados de formas diferentes. Pelas limitaes e complexar configuraes, o mtodo mais utilizado o POST.

Atributos da etiqueta <FORM> O formulrio precisa saber para onde enviar a informao. Para isso, utiliza-se a marcao ACTION. Geralmente esta ao aponta para um script que ir receber e decodificar os resultados. Deve-se informar o endereo do script, que deve estar em um servidor particular ou gratuito.

<html> <head>

<title>Ttulo</title>
</head> <body> <form method="POST" action="www.site.com.br/script"> <!Contedo do formulrio> </form> </body> </html>

<html> <head>

<title>Ttulo</title>
</head> <body> <form method="POST" action="www.site.com.br/script"> <!Contedo do formulrio> </form> </body> </html>

<html> <head>

<title>Ttulo</title>
</head> <body> <form method="POST action="www.site.com.br/script"> <!Contedo do formulrio> </form> </body> </html>

<html> <head>

<title>Ttulo</title>
</head> <body> <form method="POST action=aula.php"> <!Contedo do formulrio> </form> </body> </html>

Formatos dos Campos de Entrada (informaes) Tag <input>

Muitos elementos de um formulrio html so definidos pela tag <input>.


Cada tipo de elemento possui parmetros prprios, mas quase todos possuem pelo menos dois parmetros em comum: type, que define o tipo de elemento, e name, que define o nome daquele elemento. <input type="XXX" name=YYY">

Parmetro TYPE TYPE = "CHECKBOX", "PASSWORD", "RADIO", "TEXT", "SUBMIT ou "RESET" esse atributo recebe, como parmetro, a especificao do tipo de contedo que a varivel poder guardar.

Outros parmetros (opcionais): VALUE=XXX Utilizando a marcao VALUE voc especifica que texto aparecer no campo quando o formulrio for exibido.

SIZE=XXX" Esta marcao altera o tamanho deste campo exibido na tela. Obs.: o usurio sempre poder digitar mais caracteres do que o tamanho do campo na tela, pois o texto ir se deslocar a esquerda dentro do campo. MAXLENGTH=XX Se voc deseja limitar o nmero de caracteres que o usurio pode digitar, basta usar esta marcao. O formulrio ir emitir um bip de erro se o usurio tentar digitar alm do permitido em MAXLENGTH.

Textos em Linha Simples (TEXT) <form method="POST action=aula.php"> Qual seu nome? <input type=text" name=nome size=20> </form>

Textos protegidos senhas (PASSWORD) <form method="POST action=aula.php"> Digite sua senha: <input type=password" name=senha value=abcd size=8 maxlength="8"> </form>

Textos com Multiplas Escolhas (CHECKBOX) <form method="POST action=aula.php"> Voc concorda com a Pena de Morte?<br> <input type="checkbox" name=concorda" value=concorda">concordo<br> <input type="checkbox" name=discorda" value=nao_concorda">no concordo </form>

*checked

Textos com Escolha nica (RADIO) <form method="POST action=aula.php"> Qual seu sexo?<br> <input type=radio" name=sexo" value=masc">Masculino<br> <input type="checkbox" name=sexo" value=fem">Feminino </form>

*checked

Boto de ao Enviar (SUBMIT) e Redefinir (RESET) <form method="POST action=aula.php"> Contedo do formulrio <input type="submit" value=Enviar" name="enviar"> <input type="reset" value=Apagar" name=apagar"> </form>

Entrada de texto com vrias linhas (TEXTAREA) Deixe sua opinio:<br>

<textarea rows="4" name="opiniao cols="20"></textarea>

Entrada de menu com opes (SELECT) Qual sua formao:<br>

<select size="1" name="formacao">


<option>enfermeiro</option> <option>farmacutico</option> <option>mdico</option> </select>

*<option selected>

Вам также может понравиться