Por Eugenia Bahit
O primeiro passo desse manual consistirá em conhecer o objeto form, seus elementos e propriedades e logo iremos vendo algumas das distintas formas do processamento de dados, seu envio e recepção, etc.
1.1 O objeto form
O objeto form é um sub-objeto do objeto document e este por sua vez, é do objeto window.
Assim como para criar uma página em HTML se utilizam as etiquetas <HTML> E </HTML>, o mesmo ocorre com um formulário: o formulário deve estar contido entre as etiquetas <form> e </form>
À princípio a sintaxe básica para nos referir a um formulário seria:
window.document.forms.nome_do_formulario
Na que tranquilamente podem se prescindir de window e forms já que o navegador toma ao formulário como um objeto em si mesmo. Da mesma forma, também pode se prescindir de document. Porém, esta omissão só se fará se quisermos nos referir a um formulário em particular (por exemplo, a um formulário chamado "dados"). Porém, no momento de nos referir a "todos os formulários de uma página", só se poderá prescindir do objeto window.
De qualquer forma, iremos vendo a aplicação deste tipo de sintaxe com os próximos exemplos e a medida que avancemos.
1.2 Propriedades principais do objeto form
O objeto form possui as seguintes propriedades:
| propriedade | descrição |
|
name |
é o nome único do formulário. |
| action |
é o lugar ao qual se envia o formulário para ser processado. O action define a URL a qual se envia tal formulário. |
| method |
método de envio dos dados inseridos em um formulário. O method pode ser: GET = envia os dados em uma cadeia "visível". Conveniente para enviar poucos dados. POST = envia os dados em forma "invisível". Conveniente para enviar uma grande quantidade de dados. |
| target |
define a janela ou frame na que se Mostrarão ou se processarão os resultados do formulário. O valor é o mesmo que o utilizado em HTML (blank, self, top, nome_marco, etc..) |
1.2.1 Sintaxe básica
<form name="nome_formulario" action="processar.asp" method="POST" target="_blank">
.......campos....
</form>
1.3 Métodos do objeto form
O objeto form possui dois métodos:
| método | descrição |
|
submit |
envia o formulário. |
| reset |
restabelece o formulário aos valores por padrão. |
1.3.1 Sintaxe básica
<form name="nome_formulario" action="processar.asp" method="POST" target="_blank">
.......campos....
<input type="submit" value="enviar formulario">
<input type="reset" value="apagar">
</form>
1.4 Exemplo de aplicação
Com estes exemplos veremos a utilização da propriedade method e dos métodos submit e reset.
Method POST
O código....
<form name="dados" action="exemplos/processar.asp" method="POST" target="_blank">
Escreva seu nome: <input type="text" name="nome"><br>
<input type="submit" value="enviar formulario"><br>
<input type="reset" value="apagar">
</form>
O resultado...
Method GET
O código....
<form name="dados1" action="exemplos/processar1.asp" method="GET" target="_blank">
Escreva seu nome: <input type="text" name="nome"><br>
<input type="submit" value="enviar formulario"><br>
<input type="reset" value="apagar">
</form>
O resultado...
