Criando Formulários em JavaScript

Em Javascript, podemos trabalhar cada elemento de um formulário para, por exemplo, ler ou escrever um valor, uma escolha a qual poderá associar uma gestão de evento etre muitas outras coisas. Todos esses elementos irão reforçar as capacidades interativas da página.

Um formulário é um elemento Html declarado pela tags . Um formulário contém um ou vários elementos que chamamos os controladores (widgets). Esses controladores são escrito por exemplo pela tags .

Declaração de um formulário

Como disse anteriormente, a declaração de um formulário é feito pelas tags e . Pode-se notar que em Javascript, o atributo NAME=”nome_do_formulário” tem toda a sua importância para designar o caminho completo dos elementos. Os atributos ACTION e METHOD são facultativos pelo menos até não fazer apelo ao servidor.

Um erro clássico e em Javascript é de esquecer de declarar o fim do formulário depois de ter inserir um controlador.

Controlador de linha de texto

A área de texto é o elemento de entrada/saída do Javascript. A sintaxe Html é para uma área de texto de uma só linha, de comprimento x e de comprimento máximo y.

O objecto texto tem 3 propriedades:

name – indica o nome do controlador.
defaultvalue – indica o valor por defeito que será afixada na área de texto.
value – indica que o valor da área de texto. Seja ele escrito pelo usuario ou já ter um valor por padrão.

Ler um valor numa area de texto

Quando inserir um valor no formulario ele te retornará com uma mensagem.


function controle(form1) {
var test = document.form1.input.value;
alert(“Escreveste: ” + test);
}



<INPUT TYPE="button" NAME="botao" VALUE="Controlar" onClick=”controle(form1)”>


Quando clicar no botão “controlar”, o Javascript chama a função controle() no qual passamos o formulário em que o nome é form1 como argumento.
Esta função controle() definida nas tags Toma sob a variável test, o valor da área de texto. Para selecionar este valor, escreve-se o caminho completo deste. Neste exemplo, tem o objecto formulário chamado form1 que contém o controlador de texto nomeado input e que tem como propriedade o elemento de valor value. O que dá document.form1.input.value.

Escrever um valor na área de texto

Neste outro exemplo vamos criar um formulario de entrada e um de saida.


function afixar(form2) {
var testin =document. form2.input.value;
document.form2.output.value=testin
}

área de texto de entrada



área de texto de saída


Ao clicar no botão “Afixar”, o Javascript chama a função afixar() na qual passa o formulário em que o nome é form2 desta vez como argumento.
Esta função afixar() definida nas tags toma sob a variável testin, o valor da área de texto de entrada. À instrução seguinte, dizemos ao Javascript que o valor da área de texto output contida no formulário nomeado form2 é a da variável testin. Utiliza-se o caminho completo para chega a propriedade valor do objeto desejado, seja em Javascript document.form2.output.value.

Até a Pórxima!

Uma resposta to “Criando Formulários em JavaScript”

  1. Bandeira Says:

    legal vou tentar aplicar d alguma forma no meu blog
    http://explicacaodanet.dihitt.com.br/

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


%d blogueiros gostam disto: