O objeto form, propriedades e métodos

Conhecer o objeto form, seus elementos e propriedades, seu processamento de dados, seu envio e recepção.

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....

Escreva seu nome: <input type="text" name="nome"><br>

</form>

O resultado...

Method GET

O código....

Escreva seu nome: <input type="text" name="nome"><br>

</form>

O resultado...