|
[ Barra de Tarefas do Windows ] [ Economize com a sua impressora ] [ Mala Direta no Word ] [ HTML ] [ Gráfico no Excel ] [ Tutorial do ICQ ] [ Contatos-ICQ ] [ O que é CHAT ] [ VisualBasic ] [ Digitação ]
Formulário Web (Entenda um
pouco...)
Um modo comum para interagir
com seu visitante é disponibilizar um formulário em alguma página de seu
site. Vamos tratar do código básico para construir um formulário, que
contém muito mais coisas do que comandos de HTML- programas residentes nos
servidores web dos provedores e que manipulam os dados. Estes programas são
escritos em Perl, C/C++ e outras linguagens CGI (Commom Gateway Interface).
Normalmente as tags utilizadas para uso destes programas são fornecidas pelos
provedores.
No formulário toda
seqüência de dados e de formatação do documento deve ser delimitada
pelas tags <form. e </form>.
Os
principais atributos de um formulário são: ACTION<action="URL">
especifica a URL onde está o programa que manipulará os dados enviados pelo
formulário; METHOD<method="..."> seleciona um método para
acessar a URL. São dois os métodos: Post, em que os dados fazem parte da
mensagem enviada ao servidor e get em que os dados fazem parte da URL- usados
nos mecanismos de busca.
Para
criar as caixas de texto e botões onde os dados serão digitados usa-se o
comando input, que tem o atributo type, ao qual serão
atribuidos vários valores como:
 | text, que poderemos
formatar deste modo (Seu nome:<input type=text name="Seu
nome">), que criará uma caixa onde o internauta poderá digitar seu
nome. |
| password<inputtype=password>
que criará um caixa onde os caracteres serão substituídos por asteriscos
quando digitados. |
| checkbox<input type=checkbox>
pequenos quadrados para serem marcados pelo internauta. Poderá ser marcados
vários quadaradinhos. |
| radio<input type radio>
pequenos círculos para marcar opções. Onde só poderá ser marcada
uma delas. |
Também
teremos os botões de ação Enviar e Limpar ou Redefinir através das
tags: <input type=submit> e <input type=reset>. Alteraremos os
rótulos com a variável value. Ficaremos assim:<input type=submit
value="Enviar dados agora"> e <input type=reset value="Apagar
tudo">
Size, variável que determina o tamanho dos objetos do
formulário, usadas nos campos text e password:
Ex.: <input type=text
size=65 name="Seu nome">)
A variável maxlenght também só é válida para
estes dois campos, e determina o número de caracteres que será lido pelo
programa. Assim, na tag (Mês:<input type=text name="Mês"maxlenght=2>
só serão lidos os dois primeiros caracteres.
Textarea é o comando usado para criar a caixa onde o
internauta digitará seu comentário, e é definida por rows (linhas) e cols
(colunas).
Ex.: Comentários:<testarea name="comments" rows=10 cols=60 /textarea>
criará uma caixa com 10 linhas com 60 caracteres em cada uma delas.
Modelos de Formulário:
| Modelo A |
<html>
<head>
<meta http-equiv="Content-type"
content="text/html; charset=iso-8859-1">
"<title>Deixe Aqui Seus Comentários!</title>
</head>
<p><font color="#0000FF"><strong>Deixe
Aqui Seus Comentários!</strong></font></p>
<p> Olá! Obrigado por visitar meu Web Site.</p>
<p>Use este formulário para deixar aqui os seus comentários:</p>
<form
action="htttp://www.uky.edu/cgi-bin/cgiwrap/~johnr/AnyForm.cgi"
method="post">
| 
