Vous êtes sur la page 1sur 20

Luiz Miguel Picelli Sanches lpicelli@enfermagem.

org
Formulrios para Internet
Utilizando a linguagem HTML
para criar FORMULRIOS

Disciplina:
EN304A - Informtica em Sade
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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.
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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.

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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.

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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.

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
<html>
<head>
<title>Ttulo</title>
</head>
<body>
<form method="POST" action="www.site.com.br/script">
<!Contedo do formulrio>
</form>
</body>
</html>

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
<html>
<head>
<title>Ttulo</title>
</head>
<body>
<form method="POST" action="www.site.com.br/script">
<!Contedo do formulrio>
</form>
</body>
</html>

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
<html>
<head>
<title>Ttulo</title>
</head>
<body>
<form method="POST action="www.site.com.br/script">
<!Contedo do formulrio>
</form>
</body>
</html>

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
<html>
<head>
<title>Ttulo</title>
</head>
<body>
<form method="POST action=aula.php">
<!Contedo do formulrio>
</form>
</body>
</html>

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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">
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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.

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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.

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
Textos em Linha Simples (TEXT)
<form method="POST action=aula.php">
Qual seu nome?
<input type=text" name=nome size=20>
</form>
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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>

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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>
Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
Entrada de texto com vrias linhas (TEXTAREA)
Deixe sua opinio:<br>
<textarea rows="4" name="opiniao cols="20"></textarea>

Luiz Miguel Picelli Sanches lpicelli@enfermagem.org
Formulrios para Internet
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>