Localização: Home Page > Tutoriais > 427642357
HTML TAGS - Formulários
Para iniciar permita-me alertar para a importância de todos os pedaços de informação deste tutorial. Se é seu desejo aprender tudo sobre tags e atributos em formulários de HTML faça uma leitura atenta. Os formulários de HTML devem ser muito bem implementados de forma a evitar que crackers consigam quebrar o seu Web site. Coloquei ao longo do tutorial algumas informações realçando possíveis perigos. Vamos a isto.
O que é um formulário em HTML?
É a parte, numa página Web, em que o utilizador faz a entrada de dados, ao escrever, ao fazer o checking ou ao clicar em botões que serão enviados para o servidor para serem processados. Pode tratar-se de um formulário de login ou de um formulário de um fórum, a sua utilização varia, mas o objectivo é simples, desejamos obter informação do utilizador.
Todos os formulários de HTML possuem a tag form. Esta indica o inicio do formulário e deverá estar sempre presente. A tag informa também ao browser para onde deve enviar o formulário, como e que tipo de informação é que desejamos enviar. Os atributos da tag form são: action, method and enctype
Nota: A tag form é parte integrante de HTML desde a versão 2.
O atributo action especifica a morada onde iremos completar o formulário, ou seja, deveremos indicar neste atributo a localização do recurso onde vamos processar o formulário. Digamos a titulo de exemplo que iríamos utilizar uma página de nome validar.html para processar os dados do formulário. Sendo que o nosso formulário se encontra na página (ficheiro) index.html e que o ficheiro validar.html se encontra no mesmo directório (pasta) então a action seria:
<form action="www.seuendereco.com/validar.html" ...
Se preferir utilizar o caminho relativo para o ficheiro ao invés do absoluto (www.seuendereco.com) poderá faze-lo assim:.
<form action="validar.html" ...
Digamos no entanto que o ficheiro validar.html se encontra num sub directório (sub pasta) e que o mesmo tem por nome por exemplo cgi-bin, então:
<form action="/cgi-bin/validar.html" ...
Este atribulo especifica então a localização da página, script ou aplicação que irá processar o formulário. Poderá também enviar por E-mail a informação que recebe do utilizador caso não saiba ou não necessite de a processar. Por exemplo assim:
<form action=mailto:foo@bar.com ...
Se não necessita de processar os dados obtidos pelo formulário esta é uma boa forma de enviar o formulário. Se deseja saber mais sobre o mailto dê uma vista de olhos mais tarde no RCF 2368.
O attributo method especifica como vamos submeter o formulário, indicando qual o método de HTTP escolhido para enviar os conteúdos do formulário. Aqui existem duas possibilidades POST e GET.
Nota: O atributo GET é parte integrante da versão 2 de HTML sendo que o metodo POST é parte da versão 3.2
Caso não seja especificado qual o método, por defeito é assumido o GET. Se deseja saber mais sobre GET e POST leia as especificações de HTTP em RFC 2616.
O método GET será adicionado à URI especificado pelo atributo action com um ponto de interrogação como separador, e só depois é que a URI é enviada. O resultado poderia ser por exemplo:
http://www.seuendereco.com/validar.html?mensagem=Olá
Poderá ver os dados enviados (e altera-los) na URI após ter submetido o formulário. Existem também problemas quando se enviam grandes quantidades de dados binários ou texto contendo caracteres não ASCII (fonte: RFC 1867). No RFC 2616 poderá descobrir também que o método GET não deverá ser utilizado para submeter dados sensíveis (importantes) dado que este fará com que os mesmos serão encode na Request-URI
Com o método POST a informação recolhida no formulário será incluída no corpo da página e enviada ao agente que a irá processar (não a poderá ver).
A sua form tag estará nesta altura semelhante a:
<form action="validar.html" method="POST" ...
O atributo enctype especifica a representação dos dados do nosso formulário. Este serve para determinar o mecanismo utilizado para encode os conteúdos obtidos pelo formulário. Aqui, eu pessoalmente deixo o browser preocupar-se dado que por defeito quer para o método POST quer para o GET o enctype é application/x-www-form-urlencoded. No entanto terei de especificar o enctype caso deseje ter por exemplo um formulário para upload de ficheiros em que o mesmo será multipart/form-data e em que o método terá também de ser o POST. O emprego correcto seria algo como:
<form action="validar.html" method="POST">
Ou
<form action="validar.html" method="POST" enctype="application/x-www-form-urlencoded">
Se for um formulário para upload de ficheiros entao:
<form action="validar.html" method="POST" enctype="multipart/form-data">
Num próximo tutorial veremos as tags que podemos utilizar para tentar obter dados dos utilizadores.
por André Ferreira em 2004-06-06
Idioma Original